问题标签 [hot-module-replacement]

我正在尝试在 Redux 计数器示例（移植到打字稿）上使用 react-hot-loader v3 设置 HMR。

HMR 实际上似乎工作，因为页面更新，但第一次更新总是抛出warning.js?8f69:14 <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. 奇怪的是，后续更新不会抛出这个（并继续工作），直到我重新加载页面。

我相信我已经按照所有文档所说的方式进行了设置，但我无法弄清楚为什么会发生这种情况。我希望有人遇到过这个。

索引.ts

根.ts

根.dev.ts

配置存储.ts

configureStore.dev.ts

如果粘贴的代码不够用，整个项目都在这里：https ://github.com/japhar81/redux_template

我看过很多关于实时重载、热重载和热模块替换的帖子和出版物，提到了在 Web 客户端/FE 层工作时在浏览器中立即反映代码更改的不同做法。

我对这些术语指的是什么有一个公平的理解，我唯一的问题是这些概念是否在某个地方得到了正确的定义，以及它们之间的具体区别是什么。

版本

"extract-text-webpack-plugin": "^2.0.0-rc.2",

"webpack": "^2.2.0",

“webpack-dev-server”：“^2.2.1”

问题

"extract-text-webpack-plugin": "^1.0.1",

"webpack": "^1.14.0",

“webpack-dev-server”：“^1.16.2”

自从升级到版本 2 后不再能够 HMR css/scss，更改样式会触发更改（请参阅下面的输出示例）但我必须手动刷新页面以查看页面不会自动刷新的更改，如果我也进行更改 scss 文件后更改为 js 文件，然后将更改反映为 js 更改触发 HMR，其中还包括样式更改，但仅更改没有 js 更改的样式需要手动刷新页面。

如果我配置错误或我需要做什么才能使 css/scss HMR 工作，有什么想法吗？

我还在这里发布了问题：https ://github.com/webpack-contrib/extract-text-webpack-plugin/issues/384但不确定是 webpack-dev-server 问题还是 extract-text-webpack -plugin 问题或只是我做过的事情。

命令运行：

npm 运行开发

升级前的配置：

升级后的配置：

输出示例初始页面加载。

scss 更改后的输出样本。

您可以看到 main.css 的大小发生了变化，但在我按下 f5 之前页面从未刷新过

我在使用 react hot loader 3 时遇到问题。

我的应用程序中的某些模块得到了热更新，有些则没有。我有一个文件夹（应用程序），其中包含我所有的组件。在这个文件夹中，我有 index.js，我从文件夹中导出所有模块。在文件夹中，我有index.js导出组件本身的文件。例子：

app/test包含test.js和index.js app/test/index.js包含export test from ./test.js app/index.js包含export * as test from ./test

在我的应用程序的某个地方，我像这样导入这个测试应用程序import { test } from ../app

在这里，魔法出现了。hmr 不适用于 test.js。但是，如果我export * as test from ./test在其中添加注释app/index.js并直接导入我的测试组件，import test from ../app/test/test.js则 hmr 可以工作。我已经尝试修复它3天了。app/index.js被导入到我的routes.js文件中。这是唯一一个进口的地方。只有app文件夹中的所有组件都不会得到热更新，除非它工作正常。我试图用任何样板复制它，但没有成功。

在控制台中我看到

我正在尝试使用 Webpack 2和 Preact 设置热模块重新加载。它是“工作的”，因为它每次重新加载都会重新加载应用程序的全部内容，但我在热重新加载之间遇到错误（我认为这就是为什么单个组件不是唯一重新加载的原因）。

这是我的 webpack 设置的相关部分：

我的 index.jsx 文件如下所示：

当我对任何项目文件进行更改时，应用程序内容会重新加载，并且出现以下错误：

你们有谁以前得到过这个吗？我在谷歌上搜索了一整天，没有找到任何东西......

我需要在没有 的情况下启动 react js 项目react-router，但是没有那个我无法设置热模块更换，请你帮帮我。
我的服务器

我的应用程序入口点。

}

./App将我的应用程序包装在提供程序中的简单组件在哪里？

主要问题是 - 当我保存这个或子文件时，HMR 重建并且没有任何改变，但即使是，我使用路由器，并作为应用程序的入口点传递，而不是简单的组件 - 它工作正常。

我做错了什么？

我遇到了热重载和 WebStorm 的问题。

几周前我还没有遇到这个问题，因为当我从 WebStorm 中集中注意力时，才触发了热重载。但是现在每次文件更改都会触发热重载，这很烦人，因为大多数时候我没有完成逻辑并触发错误。

有人注意到使用 WebStorm 编码 react-native 时的新行为？

通过以下配置，我已经能够使用 HotModuleReplacementPlugin() 进行热模块替换，但在运行 webpack-dev-server 时不能使用 --hot。我的问题是，为什么？

几乎所有最近设置热模块更换的指南都使用 --hot，但它对我不起作用。

我像这样引用我的代码文件。

我正在像这样运行我的服务器。

版本。

使用此设置，热模块加载工作正常。如果我删除插件，并运行附加 --hot 的服务器（正如我在许多示例中看​​到的那样），我的热模块加载不起作用。服务器注册更改，转译发生，我的网页看起来像是在重新加载，但内容没有更新。

我通过http://localhost:8080/webpack-dev-server/index.html访问

结构看起来像这样 + node_modules 目录。

更新

还尝试将 devServer 添加到 webpack 配置中，结果相同。

}

我有的

我使用以下配置文件创建了一个小型 Webpack HMR Hello World：

然后我webpack-dev-server从一个 npm 脚本运行并在http://localhost:8080/app.js. 我将此文件包含在我的文件中，index.html并且所有内容（包括 HMR）在浏览器中都可以正常工作。

问题

我通过 npm安装了 NW.js（Node-Webkit），并将其设置index.html为main. package.json该应用程序可以正常工作，但是当我编辑文件时，HMR 不会发生。为什么它在浏览器中工作时在 NW.js 中不起作用？

我有一个通过 webpack 开发服务器运行的小应用程序（在开发环境中）。

热模块更换运行良好，我可以在编辑我的 js 文件时即时看到我的更改。

但是一旦我在 babel loader 配置中添加了 es2015 预设，它就会停止工作！

webpack.config.js：

src/index.js 文件：

组件.js

.babelrc

一旦我更换

经过

热模块更换功能停止工作.. 有人知道吗？

（也毫不犹豫地指出我的代码中的不良做法或可避免的并发症）