问题标签 [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 投票
2 回答
10221 浏览

reactjs - React Webpack - 错误:模块不是加载器(必须具有正常或俯仰功能)

我的 webpack.config.js

错误:

错误:模块 'C:\Workspace\PyCharmProjects\ProjectPearl\node_modules\react-hot-loader\index.js' 不是加载器(必须具有正常或俯仰功能)

看起来有些通过为模块添加 -loader 扩展来工作(https://github.com/webpack/webpack/issues/3180),但是对我来说它仍然无法解决。

请协助。

0 投票
1 回答
868 浏览

webpack - 反应热加载器3 - 找不到模块

我正在尝试使用 webpack-dev-server 设置 react-hot-loader 但出现此错误:

我有另一个没有 react-hot-module 的 webpack,我正在使用 express 服务器,所以我的代码没问题,问题是 webpack 配置。

这是我的带有 react-hot-loader 的 webpack 配置:

所以我的 index.jsx 是:

我的 App.jsx 是:

谁能帮我这个?

提前致谢。

0 投票
1 回答
23110 浏览

reactjs - Webpack 编译失败

我刚刚开始学习 React,我正在使用 Webpack 实现它。

以下是devDependencies我的package.json

这是我的webpack.config.js

这是.babelrc

现在当我运行npm start它时会引发这个错误

请帮我解决这个问题。

编辑1:

webpack.config.js

package.json

0 投票
1 回答
85 浏览

javascript - react-hot-loader 正确检查但不更新

最小回购在这里

我正在尝试一个react++electron演示webpack2项目。目前我被困在react-hot-loader3. 如下图所示,热更新检查似乎工作正常,但没有按预期更新(我对 Component 所做的更改未更新)。这与电子有关吗?我以前从未使用过 react-hot-loader 。

在此处输入图像描述

webpack.config.js

索引.jsx

路线/index.jsx

0 投票
1 回答
1190 浏览

node.js - 错误开发未定义 react-hot-loader v3 和 webpack-hot-middleware 错误

鉴于这些是我正在使用的依赖项:

错误

您可能想看看这个repo </p>

网络包配置

快递服务器

0 投票
0 回答
121 浏览

reactjs - Source-Maps 不适用于 react-hot-loader

我在我的反应应用程序中使用 react-hot-loader 。我正在使用devtool: 'source-maps',但源映射似乎不起作用。我可以在 chrome 的开发工具中查看原始源代码,但是当我收到错误消息时,我只看到以下内容:

显示回溯的屏幕截图

我也尝试了几乎所有其他设置devtool,但我总是得到这种行为。我该怎么做才能使源映射正常工作?

这是我的webpack.config.js

0 投票
1 回答
961 浏览

express - Webpack HMR 在快速服务器上请求错误的路径

我正在尝试设置一个快速服务器来开发具有热重载的 React 项目,但 HMR 事物由于某种原因请求了错误的路径,我无法通过更改“publicPath”选项来修复它。即使这是我服务器静态文件的文件夹,它也会请求“公共”文件夹,因此会导致错误。如何调整配置以使 HMR 开始工作?这是我在控制台中看到的错误: 错误: 我的 Webpack 配置:

服务器.js:

文件夹结构:

0 投票
1 回答
2091 浏览

webpack - 未捕获的 ReferenceError:全局未在 eval 中定义

我遇到了一个我认为来自 webpack 的错误。这里是:

我的 webpack 是:

这个错误只有在我添加了 Redux 建议的服务器端渲染后才开始出现。所以我在 ./src/utils/store.js 中使用带有window.__PRELOADED_STATE__的 store 水化,它也在index.ejs中,这是呈现给客户端的文件。

这是它在我的 store.js 中的外观:

如果有的话,这也是我的 .babelrc:

希望任何人都可以对此提供帮助-我在研究和试验中还没有找到解决方案。谢谢!

0 投票
2 回答
13637 浏览

webpack - ReferenceError:全局未在 eval 中定义

我遇到了一个我认为来自 webpack 的错误。这里是:

我的 webpack 是:

这个错误只有在我添加了 Redux 建议的服务器端渲染后才开始出现。所以我在 ./src/utils/store.js 中使用带有window.__PRELOADED_STATE__的 store 水化,它也在index.ejs中,这是呈现给客户端的文件。

如果有的话,这也是我的 .babelrc:

希望任何人都可以对此提供帮助-我在研究和试验中还没有找到解决方案。谢谢!

0 投票
0 回答
338 浏览

reactjs - 如果组件由 HOC 组成,热重载会重新渲染所有页面

我正在尝试在///项目上设置typscript热模块更换react。我正在尝试使用来保持反应组件状态。它适用于简单的组件,但是当我在组件上使用 HOC 时它停止工作(重新呈现所有应用程序而不是更改的位置),例如。特设:react-router v4reduxreact-hot-loaderwithRouter

我在本文中找到了一个解决方案当您不撰写临时文件时,它可以正常工作。

这是一个非常简化的示例,但这是一个糟糕的解决方案,因为我确实在很多地方编写了 HOC,例如connectHOC 将组件连接到 redux store 等。感觉不对,因为你必须默默地知道,你不能那样做,而其他人可能不知道。

我的问题是:是否有适当的解决方案可以使用react-hot-loader和 hoc?