关于5-4的webpack-dev-server

Question

win7 64位，用了webpack-dev-server 方法没有实现自动加载，这是为何？？？

Answer 1

未期而遇 2017-02-22 07:32:55

我也遇到了和你类似的问题，但是我尝试了很多次，发现，

一个终端执行webpack --watch

另外一个终端是执行webpack-dev-server

打开http://localhost:8080/webpack-dev-server/，是实时刷新的

执行webpack-dev-server --content-base src --inline --hot不但不是实时刷新，http://localhost:8080的页面显示src目录下的文件。你可以用我上面说的至少是实时刷新的。

• 提问者 Power_Deng #1

  握爪，握爪，大兄弟，你说的太对了，万分感谢呀，用一句话表达我此时激动的心情--执手相看泪眼，竟无语凝噎～～～

• 提问者 Power_Deng #2

  我刚起床试了试，用两个终端的解决方案在我这还是不行呀，就是实现不了实时刷新。。。

• 未期而遇 回复 提问者 Power_Deng #3

  我的两个电脑用我上面的都可以。你新建个项目或者换个电脑试试。我的终端用的是git bash，你用的是系统自带的终端，也有可能是这个原因

点开查看后面2条评论

Answer 2

Parry 2017-02-22 09:31:41

执行 webpack-dev-server  --inline --hot 就可以实时刷新了。

• 提问者 Power_Deng #1

  老师，你好。点击登录按钮如何在数据请求成功后调用router跳转到指定路由页面，而数据请求出错跳到另一个页面或者留在原页面，就是跳转如何封装成方法?~

Answer 3

Parry 2017-02-21 22:39:06

请截图 webpack-dev-server 控制台的输出。

• 提问者 Power_Deng #1

  老师，我已经截图下了，在下面，你看看毛病在哪

• 慕侠6668879 #2

  老师 我用webpack-dev-server --inline --hot  也是无法热加载，并且我本地删除bundle.js后，执行webpack-dev-server --inline --hot命令根本没有生产新文件到本地？？这该如何解决呢？

• Parry 回复 慕侠6668879 #3

  可以提供一下系统的详细环境吗？包括 nodejs，我帮你测试一下。

点开查看后面1条评论

Answer 4

慕村3786889 2017-03-14 17:02:14

我估计我们用的都是webpack2，可能和老师给出的有些出入

Answer 5

慕村3786889 2017-03-14 16:41:40

我也遇到上面的问题了，出现了文件目录，用的macpro

Answer 6

qq__2824 2017-03-09 22:05:19

老师好，我浏览器能刷新但是内容不能。

• Parry #1

  React 课程常见问题请参见我整理的博文：http://blog.parryqiu.com/2017/03/09/react-q-and-a/

Answer 7

CLM1010 2017-03-01 00:16:38

你可以试试把项目从编译器Remove Folder from Project 移除，然后重新打开一下试试。我之前也是这个问题需要安装的都安装了。就是不能热加载。现在可以了

Answer 8

慕运维1980193 2017-02-24 01:14:51

webpack-dev-server --inline --hot ,老师这个对我没用啊，还是不能实时刷新

我电脑 macpro

• 慕侠6668879 #1

  我解决了这个问题，在output里面添加publicPath，就是编译后的需要更改的路径。 output: { path: __dirname + "/src/", publicPath:"/src/", //命令行模式下,一定要配置output.publicPath来指定编译后的包(bundle)的访问位置. filename: "bundle.js" },
  这样启动 webpack-dev-server --content-base --inline --hot

• 琥珀_z 回复 慕侠6668879 #2

  谢谢！

Answer 9

提问者 Power_Deng 2017-02-22 08:14:41

这个是终端执行的操作，和页面监听8080端口的效果，出来的是文件目录。。。

• Parry #1

  执行 webpack-dev-server  --inline --hot 不要添加 content-base 参数。

• 九尾狐 回复 Parry #2

  棒！用老师这个方法解决了

• weibo_90后不老大叔_04179352 #3

  和你一样，有没有解决办法