为了账号安全,请及时绑定邮箱和手机立即绑定

使用React构建一款音乐播放器

musiq Web前端工程师
难度中级
时长 2小时39分
学习人数
综合评分9.33
41人评价 查看评价
9.4 内容实用
9.3 简洁易懂
9.3 逻辑清晰
webpack 3.0+开始绝对路径
entry: __dirname + '/app/index.js',
output: {
path: __dirname + '/dist',
filename: 'bundle.js'
}
否则会报错
progress.less文件不生效 。。。。
3. dependencies: 使用 --save 安装的插件被写入到 dependencies对象中

当然你也可以自己一个个安装
devDependencies: 使用 --save-dev 安装的插件被写入到 deDependencies对象中
dependencies: 使用 --save 安装的插件被写入到 dependencies对象中
提醒大家不要忘记安装全局的 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"
},

最新回答 / 武当白白
你这样用<div id="player">把progress组件包裹起来也是不对的,把<div id="player"/>放到index.tpl.html里面去
Fmc
console.log(react.version); 报错了,应该是大写React
如果有什么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 &amp;&amp; this.props.onChangeChange(e);
}
你在onChange里面使用this的时候一定要在constructor里面绑定,不然找不到this
打卡打卡打卡
react-router v4.0 : https://github.com/RiversCoder/react_music_player
react-router v4.0版本下 实现过程:

调用:
import { BrowserRouter as Router,Link,Route,Switch} from &#039;react-router-dom&#039;;

组件更改:
&lt;Router &gt;
&lt;section&gt;
&lt;Header /&gt;
&lt;Switch&gt;
&lt;Route path=&quot;/&quot; component={Player} /&gt;
&lt;Route path=&quot;/list&quot; component={MusicList} /&gt;
&lt;/Switch&gt;
&lt;/section&gt;
&lt;/Router&gt;
真不知道该怎么形容。。。还真是坑巨多呀 react-router默认安装是v4.0版本 结果发现好多api都已经废弃了,结果就一直挣扎在报错、调试、报错、调试 不断的重复的过程中……

已采纳回答 / 车程一
 一般上传到git上面的项目都忽略了 node_modules   首先你要npm install  安装项目依赖。  如何启动的话  一般 npm start  就可以启动,  也有可能项目发布者自己写了启动方式   看  packge.json    script   下有这些信息 
router4 用法
安装 react-router-dom
引入import { BrowserRouter as Router, Route, Link } from &#039;react-router-dom&#039;
return
&lt;Router&gt;
&lt;div&gt;
&lt;Header logoSrc=&quot;./ico.svg&quot; appName=&quot;Music Player&quot; /&gt;
&lt;Route path=&quot;/&quot; component={player} /&gt;
{...其他路由}
&lt;/Router&gt;
课程须知
1、有一定的前端开发经验 2、熟悉HTML、CSS,精通JavaScript 3、对前端工程化有一定的了解 4、了解ES6一些基本语法
老师告诉你能学到什么?
1、webpack的配置 2、开发环境的搭建 3、React与传统开发的理念差异 4、组件化开发 5、React-Router的使用 6、事件订阅及通信 7、一些最佳实践

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消