问题标签 [hot-module-replacement]

我正在使用webpack我的构建，它使用webpack-dev-server( npm run watch) 没有任何问题，但是当我尝试创建生产构建 ( npm run build) 时，当我尝试加载网站时，我似乎在控制台中收到错误，但什么都没有显示在屏幕上。

未捕获的错误：[HMR] 热模块更换已禁用。

我对此有几个问题：

1. 我对使用的理解Hot Module Replacement是，它旨在使开发过程中的生活更轻松，不应该在生产部署中使用。那是对的吗？

2. 鉴于以下情况，为什么Hot Module Replacement要使用？我看不出是什么驱动了它。

3. 生产构建的最佳实践是什么，我应该webpack为 prod 和 dev 单独配置吗？理想情况下，我想纯粹使用单个配置来简化维护。

包.json

webpack.config.js

我有一个简单的配置，webpack-dev-middleware它webpack-hot-middleware使用热重载（HMR）和反应。

一切正常，除了我对代码所做的每一次更改都需要 2 3-4 秒！直到我在浏览器中看到它。难道我做错了什么 ？它应该是这样的？

我的代码相当大，我的包缩小到 841kb（200kb gzipped）是这个原因吗？代码库越大，包创建越慢？

快递服务器：

webpack.hot.config.js

当我更改代码中的某些内容时，这就是我在控制台中得到的：

I get the following warning when I try to update any of my react components...

Provider does not support changing store on the fly. It is most likely that you see this error because you updated to Redux 2.x and React Redux 2.x which no longer hot reload reducers automatically. See https://github.com/reactjs/react-redux/releases/tag/v2.0.0 for the migration instructions.

As far as I can tell, my code looks like the instructions, but I still get the warning.

client.js

configureStore.js

Server.js

Is there something I'm missing? Here is a link to the full Github Repo if you want to see the full src.

[Edited] Added server.js and github link.

我正在使用ReduxReact Native 和HMR. 当我更改减速器时，接受冒泡到我的configureStore.js文件中，该文件调用它：

但随后 HMR 继续在循环中搜索引用，直到堆栈溢出。会不会是某个地方有循环引用？如果是这样，任何追踪它的提示？我尝试单步执行require.js代码，但“参考”被保留为数字，因此很难找到正确的文件。

我刚刚开始使用 Webpack，所以我已经掌握了足够危险的知识，而且我确信我已经把我的配置文件弄得一团糟。但它非常接近于survivorJS 示例，它在我的机器上运行没有问题。但是，当我加载我的应用程序时，我会在控制台中收到一系列关于某些 websocket 握手失败的消息。

一切都加载两次。每当我更新文件时，除了重复上述所有错误之外，我还会遇到更多错误。

知道为什么它对我这么生气吗？

这是我的 webpack 配置（构建工作正常）：

有谁知道为什么我在捆绑包中得到重复的 webpack 运行时？

它在 ? 之后添加多个数字 并且浏览器将它们视为新文件。

• 开发服务器.js？
• 开发服务器.js?52d4
• 开发服务器.js?53d4*

查看左侧的文件树：

为什么要这样做？我只想要捆绑中文件的一份副本。

我正在尝试在反应/打字稿（使用 TSX）环境中设置热模块重新加载。我已经使用react/redux 真实世界的示例作为模型来让事情顺利进行，这就是我目前所拥有的：

服务器.js

webpack.config.js

索引.tsx

容器/root.tsx

在根元素中更改<p>boom pow</p>为会<p>boom boom pow</p>在浏览器的 javascript 控制台中启动此操作：

我尽我所能完成了这些步骤，但仍然没有运气。

我错过了什么？

lib.js：

index.ios.js：

热重载适用于 的更改，MyText但不适用于log.

我不确定这是不支持还是错误，请帮助。

环境：OS X 10.10.5，节点 6.2.1，react-native 0.28

我正在使用 grunt-webpack。尝试启动 webpack-dev-server 会出现此错误 Module parse failed: /u/saxenat/react-blueprint/src/js/app.jsx Unexpected token (5:16) You may need an appropriate loader to handle this file type.

在你结束这个问题之前，我只想说：webpack 正在正确地捆绑文件。该grunt-webpack插件提供 2 个任务：grunt-webpack和grunt-webpack-dev-server. 当我在服务器上尝试 HMR 时，它失败了。否则它工作正常。

我已经包含babel-loader了预设es-2015和react.

有任何想法吗？

我更喜欢 browserify 而不是 webpack，但是 browserify 环境中存在我无法修复的问题。我正在使用 react、redux 和 react-route，我愿意像 react-hot-loader 为 webpack 环境提供的那样重新加载热模块。我正在使用 livereactload 来实现这一点（也尝试过 browserify-hmr），问题是它不适用于 redux。它的 redux 示例（https://github.com/milankinen/livereactload/blob/master/examples/02-redux）不适用于新克隆。有可能吗？有人可以给我应用到示例所需的更改以使其工作吗？

PS看看这个问题https://github.com/milankinen/livereactload/issues/64