问题标签 [react-hot-loader]

I've started to use webpack not so long ago. Everything's perfect and React hot loading works great. But there's one this with webpack dev server that I cannot understand. When I use my webapp issues endless requests to /app/info. And it gets back 404.

What is this? How can I turn it off?

Here's the log in console:

And here's my config (it's pretty much generic config for the React hot loading):

当我对组件进行更改时，webpack 会重新编译并对模块进行热交换。但是现在我的代码运行n时间n是发生热模块交换的次数。例如，我进行了更改，现在函数运行了两次。我又做了一次更改，函数运行了 3 次。我可以console.log(Date.now())在我的商店的 dispatchToken 中放置一个，我可以看到它是运行n时间。

商店： http: //pastebin.com/PVnyf572

webpack.config.js：http ://pastebin.com/MsziqH9v

我运行 webpack-dev-serverwebpack-dev-server app/client.js --inline --hot --colors

当我进行复杂的更改时，我经常会收到以下错误消息（尽管如果我将 Store 的第 60 行更改为将生命值增加 10 而不是 6，则不会发生这种情况）：

看来 React Hot Loader 配置不正确。如果您使用 NPM，请确保您的依赖项不会将重复的 React 分发拖到它们的 node_modules 中，并且 require("react") 对应于您渲染应用程序的 React 实例。如果您使用的是 React 的预编译版本，请参阅https://github.com/gaearon/react-hot-loader/tree/master/docs#usage-with-external-react了解集成说明。

我正在尝试使用 Webpack、热更新和 React-Router 的 ReactJS。下面是我的 webpack.config.js 代码。由于某种原因，在文件树的最顶部创建了一堆 json 文件。例如，fb43026df6c9e1823c07.hot-update.json

文件以 .hot-update.json 结尾

我有webpack.config.js这样的：

当我运行webpack --watch它时，它运行良好。当我进行更改时，它会在我的目录下生成hot-update.js/ 。jsonhot

我有我的 webpack 开发服务器，它看起来像这样：

我运行webpack --watch和 webpack 开发服务器并行。我可以进行更改，并且 webpack 正在将更改推送到hot目录。但在我的浏览器控制台上，webpack 开发服务器抛出如下错误：

当我重新加载它的作品。注意手动上面的url：

是可访问的。不知道我在哪里犯了错误。还有一种方法可以不将 hot son/js 文件保存在磁盘上，而只发送到应用 HMR 的 web pack-dev-server 吗？

webpack 和 webpack-dev-server 版本大于1.7.0

我正在尝试使用 Webpack 2 和 React Hot Loader v3 实现代码拆分和热重载。我的问题是热重载只能在没有代码拆分的情况下工作。另一个奇怪的部分是我可以热重载Structure组件（见下文），但不能在 childRoutes 中重新加载组件。我不断得到

请参阅此处的复制。

以下是我声明路线的方式：

任何指示或指导将不胜感激！

我的堆栈是：

• react 15.2.1
• react-hot-reload 3.0.0-beta.2
• react-redux 4.4.5

我正在尝试使用热模块替换，除了重新加载嵌入在容器中的组件（http://redux.js.org/docs/basics/UsageWithReact.html）之外，一切正常

例如SomeContainer：

对 进行更改后SomeComponent，我可以在控制台中看到更新由 的所有父级处理SomeContainer，但SomeComponent不会替换/重新呈现组件。

如何手动实现子组件的热重载SomeComponent或使其本机工作而无需手动重新加载SomeComponent

我安装了以下依赖项：

react-hot-loader 曾经可以工作，当我保存更改时，它会自动重新加载并更新应用程序。但它不再起作用了，所以我必须手动刷新整个应用程序才能更新它。

什么可能导致问题？我怎么能去修复它？不确定这是否是问题的根源，但我在两个不同的项目之间打开和关闭，一个是 React Native，另一个是 ReactJS。但是在进入 React Native 之后，ReactJS 上的 react-hot-loader 就停止了工作。

先感谢您！

我一直在尝试获取 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。

我正在创建一个 react-native 应用程序。我正在使用 TypeScript 编写代码，然后将其转换为 ES5。昨天热加载工作正常，但是我对文件结构进行了一些更改，现在即使我回到昨天热加载工作的早期提交，现在也没有。

React 本机打包程序将 HMR 更新发送到客户端，Android 手机甚至显示“Hot loading...”消息，但之后没有任何反应，我看不到我所做的更改。如果我进行完全刷新，我可以看到更改。该组件是作为 ES6 类实现的，因此热加载应该可以工作（以前是这样，类没有改变）。

我尝试重新启动打包程序、计算机、清理打包程序缓存等，但没有任何帮助。我正在使用 Windows 10 和 Android 5 手机。

有任何想法吗？:)

我正在开发一个 Universal React 项目，我的客户入口点是：

在组件更改时，重新加载似乎工作，但没有应用渲染..也许它发生在热重新加载技巧发生之前？

注意我的路线配置现在是经典的非动态路线。