webpack 3.0+开始绝对路径
entry: __dirname + '/app/index.js',
output: {
path: __dirname + '/dist',
filename: 'bundle.js'
}
否则会报错
entry: __dirname + '/app/index.js',
output: {
path: __dirname + '/dist',
filename: 'bundle.js'
}
否则会报错
2018-01-11
3. dependencies: 使用 --save 安装的插件被写入到 dependencies对象中
当然你也可以自己一个个安装
devDependencies: 使用 --save-dev 安装的插件被写入到 deDependencies对象中
dependencies: 使用 --save 安装的插件被写入到 dependencies对象中
当然你也可以自己一个个安装
devDependencies: 使用 --save-dev 安装的插件被写入到 deDependencies对象中
dependencies: 使用 --save 安装的插件被写入到 dependencies对象中
2018-01-09
提醒大家不要忘记安装全局的 webpack: npm isntall webpack -g,
可以尝试最新的安装,并不一定按照以前的旧版本,我使用的都是最新的,如下:
"dependencies": {
"pubsub-js": "^1.5.8",
"react": "^16.2.0",
"react-dom": "^16.2.0",
"react-hot-loader": "^3.1.3",
"react-router": "^4.2.0"
},
可以尝试最新的安装,并不一定按照以前的旧版本,我使用的都是最新的,如下:
"dependencies": {
"pubsub-js": "^1.5.8",
"react": "^16.2.0",
"react-dom": "^16.2.0",
"react-hot-loader": "^3.1.3",
"react-router": "^4.2.0"
},
2018-01-09
最新回答 / 武当白白
你这样用<div id="player">把progress组件包裹起来也是不对的,把<div id="player"/>放到index.tpl.html里面去
2018-01-09
如果有什么underfind的话,可能是你this没有绑定,
constructor(props) {
super(props);
this.onChange = this.onChange.bind(this);
}
onChange(e){
let test = this.refs.testbar;
console.log(test);
this.props.onChangeChange && this.props.onChangeChange(e);
}
你在onChange里面使用this的时候一定要在constructor里面绑定,不然找不到this
constructor(props) {
super(props);
this.onChange = this.onChange.bind(this);
}
onChange(e){
let test = this.refs.testbar;
console.log(test);
this.props.onChangeChange && this.props.onChangeChange(e);
}
你在onChange里面使用this的时候一定要在constructor里面绑定,不然找不到this
2018-01-06
react-router v4.0 : https://github.com/RiversCoder/react_music_player
2018-01-03
react-router v4.0版本下 实现过程:
调用:
import { BrowserRouter as Router,Link,Route,Switch} from 'react-router-dom';
组件更改:
<Router >
<section>
<Header />
<Switch>
<Route path="/" component={Player} />
<Route path="/list" component={MusicList} />
</Switch>
</section>
</Router>
调用:
import { BrowserRouter as Router,Link,Route,Switch} from 'react-router-dom';
组件更改:
<Router >
<section>
<Header />
<Switch>
<Route path="/" component={Player} />
<Route path="/list" component={MusicList} />
</Switch>
</section>
</Router>
2018-01-03
真不知道该怎么形容。。。还真是坑巨多呀 react-router默认安装是v4.0版本 结果发现好多api都已经废弃了,结果就一直挣扎在报错、调试、报错、调试 不断的重复的过程中……
2018-01-03
已采纳回答 / 车程一
一般上传到git上面的项目都忽略了 node_modules 首先你要npm install 安装项目依赖。 如何启动的话 一般 npm start 就可以启动, 也有可能项目发布者自己写了启动方式 看 packge.json script 下有这些信息
2017-12-29
router4 用法
安装 react-router-dom
引入import { BrowserRouter as Router, Route, Link } from 'react-router-dom'
return
<Router>
<div>
<Header logoSrc="./ico.svg" appName="Music Player" />
<Route path="/" component={player} />
{...其他路由}
</Router>
安装 react-router-dom
引入import { BrowserRouter as Router, Route, Link } from 'react-router-dom'
return
<Router>
<div>
<Header logoSrc="./ico.svg" appName="Music Player" />
<Route path="/" component={player} />
{...其他路由}
</Router>
2017-12-28