问题标签 [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.
reactjs - 使用react hot reloading时如何抑制来自webpack的日志?
我正在使用这个 react redux starter kit https://github.com/coryhouse/pluralsight-redux-starter我在我的控制台中得到以下输出
我试图将 web-pack 配置中的以下字段切换为 true 和 false,但它没有帮助
我怎样才能关闭这些日志?
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
javascript - 使用 React 创建 HoC 并重构时出错
使用 recompose 创建 HoC 时withState
出错lifecycle
:
我的组件树如下所示:
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"。
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
输出:
结论
如果您有任何建议或想法,请告诉我。如果我能提供更多细节,请告诉我。
webpack - 使用 react-hot-loader 包时如何自动删除 *.hot-update.json 文件?
我的输出目录中有一系列热加载程序文件 (*.hot-loader.json)。如何确保此输出目录清除不必要的文件?
注意:我也在使用 Webpack。
javascript - 反应热加载程序未显示浏览器中的更改
我看到以前有人问过这个问题。但他们都没有为我工作。当我更改代码时,控制台显示
[WDS] 应用热更新...
但我没有看到浏览器中发生的变化。我正在使用最新react-hot-loader
的webpack^2.2.0-rc.0
和相同版本的webpack-dev-server
. 这是我的 webpack 配置文件
babelrc
index.js
我system.imports
在路由中使用异步路由。
reactjs - React Hot Reload 3 不显示更新
我刚刚升级到 Webpack 2.2.0 并遵循添加热重载的文档:https ://webpack.js.org/guides/hmr-react/奇怪的是,当我进行更改时,我得到了这个控制台:
并且没有错误。但是更改不会显示,并且窗口不会像仅实时重新加载那样自动重新加载。为了看到任何变化,我需要刷新页面。我缺少要安装的东西吗?谢谢你。
- 也许值得一提的是,我正在使用 react-router 和 redux
javascript - 反应热加载器不适用于快递
我正在使用带有 express 的 react-hot-loader 和 webpack-hot-middleware 进行实时重新加载,但它不起作用。webpack 会监听更改,但不会显示在浏览器上。我错过了什么吗?
webpack-config.js
包.json
服务器.js
我不确定,但是,是因为 chunkhash 造成的问题吗?
更新
index.js