问题标签 [react-hot-loader]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
740 浏览

reactjs - 使用react hot reloading时如何抑制来自webpack的日志?

我正在使用这个 react redux starter kit https://github.com/coryhouse/pluralsight-redux-starter我在我的控制台中得到以下输出

我试图将 web-pack 配置中的以下字段切换为 true 和 false,但它没有帮助

我怎样才能关闭这些日志?

0 投票
1 回答
1210 浏览

javascript - 反应热加载程序不更新更改

我正在使用 react-hot-loader v3 但它不起作用。它侦听服务器上的更新,但不显示更改,而是收到警告

log-apply-result.js?d762:11 [HMR] 以下模块无法热更新:(它们需要完全重新加载!)

下面是我的 webpack 配置

webpack.local.config.js

服务器.js

和我的 .babelrc

"react-hot-loader": "^3.0.0-beta.6",

"webpack": "^1.13.3",

"webpack-bundle-tracker": "^0.1.0",

"webpack-dev-server": "^1.16.2",

“webpack-loader”:“^0.0.1”

应用程序.jsx

0 投票
1 回答
270 浏览

javascript - 使用 React 创建 HoC 并重构时出错

使用 recompose 创建 HoC 时withState出错lifecycle

我的组件树如下所示:

0 投票
1 回答
107 浏览

reactjs - webpack2 react-hot-loader3 似乎有效,但页面没有重新渲染

当我更改root.js上下文时,页面没有重新呈现,但控制台日志似乎热重载工作正常。

当我更改root.js上下文时,页面没有重新呈现,但控制台日志似乎热重载工作正常。

在此处输入图像描述

在此处输入图像描述

包.json

webpack.js

index.js

根.js

.babelrc

0 投票
2 回答
809 浏览

html - Reactjs 热加载 css 文件

我用react-hot-boilerplate开始了新项目。在我尝试将 CSS 文件添加到 index.html 之前,一切正常。

Hot-loader 不读取 css 文件。经过一番研究,我发现 server.js 中的这一行将所有请求重定向到 index.html

我把它改成

它奏效了。有没有更好的方法来做到这一点?我需要映射我 servere.js 的所有资源吗?我不想在 webpack 中使用 style-loader 或 css-loader,因为我遇到了很多错误,而且我不能简单地使用 className="myCustomStyle"。

0 投票
1 回答
12241 浏览

javascript - WebSocket 连接失败。WebSocket握手期间出错-socketjs

细节:

我一直在尝试将我的 react 项目配置为可以使用,hot loader以便我可以积极开发而无需重新启动服务器。每次 websocket 尝试连接时,我都会收到一条连续的错误消息:

WebSocket connection to 'ws://192.168.33.10/sockjs-node/301/eo4p2zps/websocket' failed: Error during WebSocket handshake: Unexpected response code: 404. 我的直觉告诉我这可能与我运行 Ubuntu -v 的虚拟机(流浪汉)有关14.04.3。除了记录上述错误,我得到:

我还采用了以下样板:https ://github.com/jpsierens/webpack-react-redux希望比较我当前的配置,但是,两者似乎都是正确的。

配置

webpack.config.js

server.js

添加

另请参阅我的错误的更多graphical输出:

错误控制台输出

结论

如果您有任何建议或想法,请告诉我。如果我能提供更多细节,请告诉我。

0 投票
1 回答
2294 浏览

webpack - 使用 react-hot-loader 包时如何自动删除 *.hot-update.json 文件?

我的输出目录中有一系列热加载程序文件 (*.hot-loader.json)。如何确保此输出目录清除不必要的文件?

注意:我也在使用 Webpack。

0 投票
3 回答
1102 浏览

javascript - 反应热加载程序未显示浏览器中的更改

我看到以前有人问过这个问题。但他们都没有为我工作。当我更改代码时,控制台显示

[WDS] 应用热更新...

但我没有看到浏览器中发生的变化。我正在使用最新react-hot-loaderwebpack^2.2.0-rc.0和相同版本的webpack-dev-server. 这是我的 webpack 配置文件

babelrc

index.js

system.imports在路由中使用异步路由。

0 投票
0 回答
217 浏览

reactjs - React Hot Reload 3 不显示更新

我刚刚升级到 Webpack 2.2.0 并遵循添加热重载的文档:https ://webpack.js.org/guides/hmr-react/奇怪的是,当我进行更改时,我得到了这个控制台:

并且没有错误。但是更改不会显示,并且窗口不会像仅实时重新加载那样自动重新加载。为了看到任何变化,我需要刷新页面。我缺少要安装的东西吗?谢谢你。

  • 也许值得一提的是,我正在使用 react-router 和 redux
0 投票
0 回答
535 浏览

javascript - 反应热加载器不适用于快递

我正在使用带有 express 的 react-hot-loader 和 webpack-hot-middleware 进行实时重新加载,但它不起作用。webpack 会监听更改,但不会显示在浏览器上。我错过了什么吗?

webpack-config.js

包.json

服务器.js

我不确定,但是,是因为 chunkhash 造成的问题吗?

更新

index.js