问题标签 [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 回答
1575 浏览

reactjs - 带有 React Hot Loader 的 Webpack 开发服务器

我有一个本身就可以完美运行的 webpack 配置。我正在尝试按照建议将 React Hot Loader 与 HMR 一起安装,这需要 webpack-dev-server。在这里我无法让它工作。我找不到我的捆绑包所在的位置。我希望它只是在localhost:3000.

我的webpack.config.js

webpack-server.js

更新:链接的问题没有帮助,特别是因为它甚至没有确认的答案。

0 投票
0 回答
141 浏览

reactjs - 热加载程序不工作

我正在尝试使用热加载程序。我已经安装了 Hot Loader 并按照文档http://gaearon.github.io/react-hot-loader/getstarted/中的所有步骤进行操作。然后我向终端发出“npm start”命令。但是终端抛出错误。我无法看到我在组件中所做的更改反映在浏览器中。

webpack.config.js

Package.json 的脚本部分

服务器.js

终端输出 项目结构

几个问题 1. 我的 server.js 文件是否正常。2. 我是否在 package.json 的脚本中正确包含了所有内容。3.“npm start”是启动热加载程序的命令吗?4. 即使在“npm start”之后出现错误,我也可以通过单击 chrome 图标在浏览器中启动我的应用程序。是什么原因。5. 我应该在这些文件中进行哪些更改才能获得一个正常工作的热加载程序。

浏览器窗口

0 投票
1 回答
560 浏览

node.js - index.js 中的解析错误

我正在尝试使用反应热加载程序。在终端中运行“npm start”命令时出现错误。有人可以告诉我是什么问题。我正在努力让反应热加载程序工作但没有在浏览器中启动任何东西。

index.js

终端错误

webpack.config.js 文件

包.json

0 投票
1 回答
1228 浏览

javascript - React Hot Loader 不反映浏览器中的更改

我正在做一个反应项目。我正在尝试在其中使用 react hot loader。项目中的一切工作正常,但我无法在浏览器中看到更改,因为我对组件进行了任何更改。我按照官方文档设置热加载程序。但它不起作用。我的内容被加载到浏览器(本地主机:3000)中。我应该怎么做才能使热加载程序开始显示更改。这是我的文件。

浏览器控制台

应用程序.js

webpack.config.js

包.json

服务器.js

项目结构

0 投票
1 回答
811 浏览

javascript - 为什么在 React 热加载器的 ReactJS 中出现“错误:找不到相对于目录的预设“react-hot”...”?

我正在尝试让 React Hot Reloader 为我的 ReactJS 项目工作,但出现错误Error: Couldn't find preset "react-hot" relative to directory...

我确实设置了预设的“react-hot”,.babelrc但可能是什么问题?我有以下设置:

在我的package.json

在我的webpack.config.js

在我的.babelrc

0 投票
0 回答
214 浏览

node.js - 将 react-hot-loader 3 与自己的服务器一起使用

我能够设置react-hot-loader为正常工作,捆绑我的客户端 js 并将更改推送到浏览器并在那里应用([react-router] You cannot change <Router routes>; it will be ignored警告除外)。我正在使用我自己的服务器koa,它处理 webpack 和 hot koa-webpack-dev-middlewarekoa-webpack-hot-middleware它还使用此代码处理我的应用程序的服务器渲染

问题在于我的服务器端代码:hot仅适用于客户端代码并即时更新更改,但我的服务器代码不会随着脚本的更改而更新,因为脚本在服务器启动和页面重新加载时我没有从服务器更新渲染页面然后用新的客户端代码更新。并做出反应警告Warning: React attempted to reuse markup in a container but the checksum was invalid... 问题是:如何处理与服务器上的服务器渲染部分相关的代码更改,而不是在中断热加载时重新启动应用程序?

0 投票
1 回答
580 浏览

reactjs - VideoJS的热重载

我的反应项目中有一个视频 js 组件。我还在 video.js 上使用标记插件。每当我对项目中的每个组件进行任何更改时,它们都会被热重载,但我的 videoJS 组件不会被热重载。例如:如果我对标记进行任何更改,那么它不会在网页上反映为热重新加载。每次对 videoJS 进行任何更改时,我都必须刷新网页。我应该怎么办?

0 投票
2 回答
441 浏览

reactjs - 启用单页应用响应热重载 webpack

我在使用带有 webpackdevserver 的反应路由器设置单页反应应用程序时遇到了一些问题。如果我使用 browserhistory,webpack 在输入嵌套路由 url(例如 /client/view)时会出现一些问题。这可以通过添加 apiFallback 来解决,但热重载仍然存在问题。它尝试从不存在的深层 url (/client/view/hot-update.json) 加载 hot-update.json 文件,因此失败并重新加载页面。如何告诉 hotreload 始终从基本 url (/) 加载 hot-update.json?

0 投票
0 回答
304 浏览

reactjs - 浏览器控制台充斥着警告消息反应热更新

这是我的 Header.jsx 组件代码..你能指出错误在哪里吗?我已经为此搜索了整个互联网,但找不到任何解决方案。它不仅与标题组件有关,而且还发生在每个编辑的组件中。如果您第一次编辑该组件,它可以正常工作,并且在控制台日志中只提供一个更新信息。但如果您进行另一项更改,它会变得疯狂和无限,我的浏览器会崩溃。

这是我的 package.json

在此处输入图像描述

0 投票
1 回答
419 浏览

reactjs - React 模块无法热更新

我正在使用 react-router 和 material-ui 构建一个 Web 应用程序。我最近注意到 react hot loader 已经更新,并且在使用带有 material-ui 的 ho loader 时出现了一些问题。当我将它与反应路由器一起使用时,热加载器将不适用于子组件。这是我的 index.js 代码

这是我的应用程序组件

路线文件

当我对子组件进行任何更改时,浏览器控制台会发出警告,指出
以下模块无法热更新:(需要完全重新加载)这通常是因为已更改的模块(及其父级)不知道如何热重装自己。有关更多详细信息,请参阅http://webpack.github.io/docs/hot-module-replacement-with-webpack.html 我得到这个以及如何解决这个问题的任何特殊原因?