webpack --watch无法工作,也无法使用webpack-dev-server

5
这开始让我有点疯狂了。我花了太多时间尝试让webpack工作,实现文件的监控和热加载。我查看了几个链接并尝试了它们的解决方案,但没有解决问题。我想知道这是否与我的设置和权限有关,而不是webpack本身,所以我打算冒险在这里发布,以防其他人有相同的设置:

我正在运行一个Ubuntu 14.04的现场会话,使用8GB的USB键,并将我的应用程序文件保存在“文档”文件夹中的“src”文件夹中。我使用Atom编辑器作为IDE。

当我进入src文件夹并运行“webpack --watch ./app.js bundle.js”或“webpack-dev-server --inline --hot”时,它们都运行并给出良好的消息,例如“webpack:build is now VALID”,但是当我在Atom中编辑并保存js时,它不会自动重新编译,无论是在浏览器页面还是终端上。它不会报错,什么也不做。

我尝试删除和重命名/重新创建/移动src文件夹,并检查大小写,但没有任何变化。当我转到http://localhost:8080时,它可以正确编译,只是没有重新编译。

对于其他人正在努力解决这个问题,以下是两个最有帮助的链接,它们应该可以解决大多数类似的问题,我还包括了一个非常有用的Webpack Youtube视频。只是在这种特殊情况下它们不起作用。
链接1:webpack --watch未编译更改文件
链接2:为什么webpack --watch在更新特定文件时没有更新?
Youtube视频:介绍Webpack和Jeremy Lund。即使使用此示例中所示的最少js文件和webpack.config.js,我也无法运行--watch。
链接3:https://www.youtube.com/watch?v=RKqRj3VgR_c
编辑:

我在控制台运行 webpack-dev-server 时打开了我的 src 文件夹,并使用 Ubuntu 的默认文本编辑器手动编辑了我的 app.js 文件,而不是 Atom。当我保存文件时,Webpack 会自动重新编译和打包文件,并刷新浏览器。看起来问题可能是 Atom 引起的?我对此还很新。

1个回答

3

Win7, PhpStorm, Virtualbox: Ubuntu 14.04

我遇到了同样的问题, 找到了解决方案: webpack --watch没有编译更改过的文件

运行:webpack --watch --watch-poll 当然,在此之前从webpack配置中删除'watch:true'。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接