问题标签 [webpack-hot-middleware]

我正在尝试使用 HapiJS 和 webpack 构建应用程序。

但是，它并没有正确加载..

我的 webpack 配置是：

和 src/index.js

如何使应用程序加载？

我是否必须在 HTML 页面中包含 bundle.js 才能使其工作？

我用webpack-dev-middleware了webpack-hot-middleware几个月，它工作得很好，但是现在，发生了一些事情，webpack 停止监视文件更改，所以只有在我重新启动应用程序时才会重新构建包。会发生什么？我在 Arch linux 上，fs.inotify.max_user_watches = 524288设置和:set backupcopy=yesvim 选项也已调整。会发生什么？怎么把东西找回来？

最初的捆绑发生，中间件正确加载，正如我在日志中看到的那样。这是在入口应用程序中加载 webpack 中间件的行。

和webpack.config.js

我使用webpackandhtml-webpack-plugin使用生成的脚本包更新我的 index.html 文件，例如bundle.[hash].js.

然后我必须运行webpack-dev-server，以便我可以将该包加载到内存中并利用热模块更换。

这使得代码编译两次。

但是，我想要的是webpack-dev-server也能够用新的 更新 index.html 文件bundle.[hash].js，因为现在我必须先webpack运行webpack-dev-sever. 编译两次似乎很奇怪。

同样，我运行的唯一原因webpack是使用捆绑包的新哈希更新我的 index.html 文件。如果我可以webpack-dev-server将更新的 index.html 输出到磁盘，那么我可以webpack完全放弃该命令。

这可能吗？如果是这样，webpack 配置会发生什么变化？我的 webpack 配置很长，所以我不认为在这里发布它会有所帮助。

我正在尝试使用 Webpack 和 Babel 为我的 React 应用程序设置环境。我使用 JSX 来实现组件，我想利用实时重载。

这是我的package.json文件：

这是我的 Webpack 配置：

执行npm run start并使用此配置后，我在控制台中看到检测到 JSX 文件中的更新，但浏览器未更新。此外，如果我查看module.js文件，我的更新不会被考虑在内。

运行命令webpack -d，它们是...

请参阅此存储库：https ://github.com/templth/react-webpack-hot-reload 。

附加提示。我在浏览器的 JavaScript 控制台中看到以下跟踪：

only-dev-server.js:28 [HMR]（可能是因为重启了 webpack-dev-server）

在启动 webpack 开发服务器的控制台中

非常感谢您的帮助！

我一直在尝试获取 webpack 热加载器的工作版本来进行实时编辑以开发应用程序。在遵循教程并且无法进行实时编辑之后，我决定从头开始。

我克隆了一个React Hot Loader 样板的干净存储库，并尝试使用 Dan Abramov 的create-react-app。我能够构建这两个应用程序。我在控制台中收到一条日志，上面写着[WDS] Hot Module Replacement enabled但编辑任何文件都不会触发页面重新加载或终端中的任何内容。在此故障排除页面中，我属于以下类别：

我看到“[WDS] Hot Module Replacement enabled”但是当我编辑 App.js 时没有任何反应

如果您运行的是 Node 0.11.13，您可能需要尝试更新到 0.12。有人报告说这有助于解决这个问题。还要确保您的要求与文件具有相同的文件名大小写。拥有 App.js 和doingrequire('app') 可能会在某些系统上绊倒观察者。

OS X 也有一个很少发生的错误，它会导致某些文件夹在文件系统更改监控方面“损坏”。这里有一些建议的修复。

我查看了故障排除指南的这一部分，但似乎没有任何效果。

我在 Ubuntu 16.04 中运行 npm v2.15.1 和 node v4.2.6。

我的问题是，无论我做什么，我都会得到一个 404，wepack_hmr而且我一生都无法弄清楚为什么它不可用。

完整的 Webpack 配置

节点cmd运行

加载页面时

它需要我运行，但不是：/

我查看了所有手册，但在代码更改刷新所有页面后我的应用程序仍然没有热重新加载特定更改知道为什么吗？webpack.config：

index.js

我正在为客户开发一个项目，我需要使用 webpack 的热模块替换功能。我在 NGINX 后面使用一个快速（节点）应用程序。我正在使用许多 javascript 框架来设计应用程序，React 恰好是其中之一。

我将使用 HMR 功能。

我有一个这样的 webpack.config.js：

我的 app.js 文件包括：

我的 NGINX 文件包括

当我打开https://127.0.0.1:8195时。然后创建并提供文件。Express 监听 8195 端口。但是当我打开https://domain-name.com时，没有提供文件，但 NGINX 没有显示 502 错误。

我遇到了一个非常令人沮丧的问题，我的 webpack-hot-middleware 不是“热重载”。它正在构建项目，并在我对任何有问题的文件进行任何编辑时重新构建项目，但它似乎从未显示任何更改，并且总是在对它们进行编辑之前显示我的文件（几乎就像它正在缓存它们或某物）。

我也在使用 Express 服务器，对这一切都很陌生。实际上，我正在尝试使用从雇主那里交给我的文件来设置开发环境，并且很难弄清楚如何解决这个问题。

我的 package.json 运行这些脚本：

在“npm install”之后，它似乎运行了这个文件“webpack.prod.config.js”：

“npm start”运行“app_build.js”，如下所示：

这个文件还有更多内容，但我相信我的问题与我的 publicPath 或其他东西有关，我不完全确定。就像我说的，我从以前的开发人员那里得到了这个配置，我对这一切都是全新的。

我正在尝试利用 webpack 代码拆分。一切看起来都运行良好，webpack 正确地拆分了代码，依赖项，几乎和预期的一样。

除了我不能让它与热模块更换一起工作。

我成功加载 127.0.0.1:8009/main.js

但是 main.js 正在尝试加载 127.0.0.1:8001/assets/1.chunk.js

是否有意义？我肯定错过了什么。

我在 127.0.0.1:8001 运行我的节点服务器，在 127.0.0.1:8009 运行热中间件客户端

** main.js**

我的 Webpack 配置

简单的热服务器