问题标签 [react-hot-loader]

我已经为我的应用程序设置了一个 webpack 开发服务器（对 React 进行热加载），但是当我访问时，http://localhost:8080我看到的只是

~ /

屏幕上。当我运行 npm start 时，构建说它编译成功。我正在通过 Windows 10 上的 Bash 构建它。下面是我的webpack.config.js文件：

试图让 react-router (v4.0.0) 和 react-hot-loader (3.0.0-beta.6) 玩得很好，但在浏览器控制台中出现以下错误：

index.js：

路线.js：

我收到如下错误

React.createElement: type is invalid - 期望一个字符串（对于内置组件）或一个类/函数（对于复合组件）但得到：对象。

和

未捕获的类型错误：无法读取 null 的属性“unmountComponent”

尝试react-hot-loader与我的基本设置一起使用。

webpack.config.js

index.js

App.jsx

即使我只是这样做

我收到错误

我正在做一个更完整的课程

这里有什么问题？Github上的代码

找出解决这些webpack.config.js问题的方法让我大吃一惊。在entry属性中，它说找不到定义的目录；./node_modules/由于软件包位于文件夹中，因此我尝试添加node_modules，但仍然失败。在plugins财产中，它说：

new webpack.HotModuleReplacementPlugin 不是构造函数

我试图删除webpack但它说：

HotModuleReplacementPlugin 未定义

webpack.config.js：

我非常感谢任何可以帮助我解决这些问题的人的回答。

我使用rect-redux-universal-hot-example作为我使用 ReactJs 的同构应用程序加载器的基础。

我正在使用 react-hot-loader 并按照此迁移指南删除已弃用的 hmr react-transform。

我做了下面的配置，但是一旦我更改了一些 App 组件数据，我在浏览器中的页面就不会自动重新加载。控制台或浏览器上都没有错误。

这是我的设置：

.babelrc

客户端.js

开发配置

我很确定我的设置有问题，但我找不到。

我正在尝试使用rect-redux-universal-hot-example构建一个同构的 ReactJS 应用程序样板。

我正在使用react-hot-loader进行热模块重新加载（hmr）。

更改某些 App 组件数据后，浏览器中的页面不会自动重新加载。我在浏览器中收到以下错误：

这是我的设置：

.babelrc

客户端.js

** 应用程序 **

开发配置

我不知道在哪里找到错误，因为我不太习惯使用 HMR。帮助表示赞赏。

我最近尝试为 webpack2 + babel6 + gulp + react-hot-loader 项目制作样板。我从分叉react-hot-loader-minimal-boilerplate开始。然后我添加了一个 gulpfile 作为这个分支。

如果您阅读代码，您会发现我只添加了最后 1 次提交，其中添加了 gulp 包、gulp 文件并添加了npm run gulp脚本。你会想看看gulpfile.babel.js，它目前看起来像这样：

按理说，命令npm run dev和npm run gulp应该有同样的效果。但实际上，该gulp命令不起作用。

• 如果我更改我的 React 代码，浏览器中的代码应该会相应更新。

  代码更新的控制台日志npm run dev：

• 相反，尽管浏览器确实从 webpack-dev-server 获得了更新信号，但 DOM 并没有随着信号更新。

  代码更新的控制台日志npm run gulp：

关于如何修复这个样板的任何建议？

我已经构建了以下组件：

我使用react-hot-loader样板作为：

加载页面很好，但是在使用一些不同的文本更新 App 组件后，HMR 重新加载页面时出错：

从控制台日志中可以看出，NextApp正在返回undefined，所以render(NextApp)正在失败。

为什么正在const NextApp = require('...').default返回undefined？如何解决这个问题？

感谢您的帮助。

我正在使用React-Router@4andReact-Hot-Loader@3.beta.6和构建一个 React 应用程序Webpack@2^。

奇怪的事情发生，

我有routes.js这样的文件中声明的路线

我的Main.js文件看起来像这样，

没有发生正常的路线切换，您可以在下面看到附加的视频

https://share.viewedit.com/XbjKCUjbcvhcL3xRXm8kX7

从视频中，看起来通常单击链接不会重新渲染没有发生，但是当我更改某些组件中的某些内容时，react-hot-loader 补丁会在切换路径被渲染时发生。

我的项目位于此路径 https://github.com/bboysathish/react-boilerplate/tree/dev

我该如何解决这个问题？

我正在尝试让 Webpack 2 + React Hot Loader 工作，但它似乎没有热重载。它可以正确呈现网页，但无论何时我对“App.js”文件进行任何更改，它都不会做任何事情。

webpack.config.json

.babelrc

包.json

我通过带有 --hot 和 --inline 标志的 CLI 运行 webpack-dev-server。

main.js

应用程序.js

所以为了测试它，我将运行yarn dev并且服务器将启动。一切都会编译，webpack 会输出webpack: Compiled sucessfully. 但是，对 App.js 所做的任何更改都不会重新加载网页。网页本身的控制台仅输出以下内容：

我尝试了此处列出的各种方法（https://github.com/webpack/webpack-dev-server/issues/100），但它们似乎都不起作用。