Laravel Mix HMR 编译后未更新

Question

我安装了 Laravel Mix 4.0.13。

npm run watch 效果很好，而且运行 npm run hot 它似乎可以编译并检测我的更改，重新编译。

但是，浏览器中没有任何变化。在控制台中我看到：

[HMR] Waiting for update signal from WDS...
[WDS] Hot Module Replacement enabled.

并且在编译之后，我每次编译都会收到两次以下消息：

[WDS] App updated. Recompiling...

我假设需要有另一条消息说 reloading 或什么？

另一件奇怪的事，如果我尝试刷新页面，它永远不会从 localhost:8080 加载任何内容。它只是坐在那里无限期地等待。我必须重新启动 npm run hot 然后重新加载页面。

JS/Vue 和 SASS 都不会在浏览器中重新加载。

Answer 1

mix.version() 似乎有问题。从我的 webpack.mix.js 文件中删除 .version() 后，似乎一切正常。

Answer 2

您可能在混音文件中使用了 .version()。就像在文档中一样，开发中的版本控制不是很有用，所以你可以；

if (mix.inProduction()) {
  mix.version();
}

Answer 3

也可能文件大小写不同，比如'element.vue'或'Element.vue'

Laravel Mix HMR not updating after compiling