老师:我执行热加载命令时候报错,但是,我执行:webpack-dev-server就正常,请老师指教

来源:5-2 webpack热加载配置(上)

雄鹰4056371

2017-07-22

$ webpack-dev-server --contentBase src --inline --hot

Project is running at http://localhost:8080/

webpack output is served from /

Content not from webpack is served from J:\Reactjs\0501\src

Hash: 42f182c68f45e35505c0

Version: webpack 3.3.0

Time: 5595ms

          Asset     Size  Chunks                    Chunk Names

./src/bundle.js  2.82 MB       0  [emitted]  [big]  main

  [83] (webpack)/hot/emitter.js 77 bytes {0} [built]

  [84] (webpack)/hot/log.js 1.04 kB {0} [built]

 [117] multi ./node_modules/.2.5.1@webpack-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/js/index.js 52 bytes {0} [built]

 [118] ./node_modules/.2.5.1@webpack-dev-server/client?http://localhost:8080 5.59 kB {0} [built]

 [119] ./node_modules/.0.11.0@url/url.js 23.3 kB {0} [built]

 [125] ./node_modules/.3.0.1@strip-ansi/index.js 161 bytes {0} [built]

 [126] ./node_modules/.2.1.1@ansi-regex/index.js 135 bytes {0} [built]

 [127] ./node_modules/.2.5.1@webpack-dev-server/client/socket.js 856 bytes {0} [built]

 [128] ./node_modules/.1.1.2@sockjs-client/lib/entry.js 244 bytes {0} [built]

 [159] ./node_modules/.2.5.1@webpack-dev-server/client/overlay.js 3.6 kB {0} [built]

 [165] (webpack)/hot/dev-server.js 1.61 kB {0} [built]

 [166] (webpack)/hot/log-apply-result.js 1.31 kB {0} [built]

 [167] ./src/js/index.js 423 bytes {0} [built]

 [168] ./node_modules/.15.6.1@react/react.js 56 bytes {0} [built]

 [184] ./node_modules/.15.6.1@react-dom/index.js 59 bytes {0} [built]

    + 255 hidden modules

webpack: Compiled successfully.


写回答

1回答

Parry

2017-07-23

使用了最新的webpack 请看第二十章或者看我博客讲解。


此慕课网 React 课程学习遇到的常见问题以及没有审核通过的补充视频(如打包后的文件压缩、单独的 webpack 2 视频教程等)

我整理成了一个大的 QA 文档,可以直接参考我博客的整理。

基本包含了所有 React 初学时遇到的各种问题的解决方案。

我的博文地址:http://blog.parryqiu.com/2017/03/09/react-q-and-a/


目前文章主要包含了以下问题的解决方案:

一些课程资源,如源代码、思维导图、后台 API 源代码等;

关于 Webpack      2.0 详细使用的 20 集免费补充视频;

webpack-dev-server 不能自动刷新的问题;

使用 Webpack 2 搭建的 React 浏览器自动刷新的项目模板,多次测试可用;

React Developer Tool 的问题;

缺少 react-html-attrs 插件;

babel-loader 没加载的错误;

fetch 的使用;

占用端口 8080 的问题;

错误 The root route must render a single      element 的处理;

如何在chrome console 中打开 paint flashing;

父组件通过 refs 获取子组件真实 DOM 节点的问题;

跳转 Route 的问题;

将 AntDesign 中的 getFieldProps 替换成 getFieldDecorator 的处理;

错误 Target container is not a DOM element      的原因及解决方案;

慕课没有发布的更新课程;

React Router 4.0 中 location undefined 的问题;

AntDesign 官方文档中的函数语法错误的解决方案;

解决课程中 React Router 版本的差异问题;

课程中 API 的地址。


0
0

结合基础与实战学习React.js 独立开发新闻头条平台

轻松入门 React 开发,React Router 4 与 Webpack 2 完美升级项目

2768 学习 · 2126 问题

查看课程