【问题标题】:Debugging react-hot-loader webpack boilerplate调试 react-hot-loader webpack 样板
【发布时间】:2016-06-14 07:20:05
【问题描述】:

我一直在尝试让 ReactJS Hotloader 工作。

具体来说,即使 this boilerplate demo 对我也不起作用:我运行 npm start,在浏览器中看到“hello world”文本,在浏览器控制台中看到“[WDS] Hot Module Replacement enabled”,但是当我在 App.js 中编辑并保存“hello world”文本,更改不会自动呈现。

在这个troubleshooting page,我属于这一类:

我看到“[WDS] Hot Module Replacement enabled”,但是当 我编辑 App.js

如果您运行的是 Node 0.11.13,您可能想尝试更新到 0.12。有人报告说这有助于解决这个问题。还要确保您的要求与文件具有相同的文件名大小写。 拥有 App.js 和doingrequire('app') 可能会使观察者在某些问题上绊倒 系统。

OS X 还有一个很少发生的错误,它会导致某些文件夹无法访问 关于文件系统更改监视的“损坏”。这里有一些 建议的修复。

我在 OSX 上运行 Node 5.6.0。我只是从上面链接的存储库中尝试样板代码,因此文件名大小写与文件相同。我已经尝试重新启动我的机器。

还有什么我可以尝试让 React 热加载工作的方法吗?谢谢!

【问题讨论】:

  • 什么叫“不起作用?”
  • 您的应用程序是否在虚拟机中,例如 vagrant / virtual box?
  • @Mathletics:我已经澄清了我在尝试运行样板演示时看到的行为。对不起,如果我不够清楚。
  • @azium:不,不在虚拟机中运行。并且不对上面链接的样板进行任何代码更改。只是试图让最基本的反应热加载演示在我的机器上工作。谢谢大家!
  • 您是否正在尝试热重载功能组件?

标签: javascript reactjs webpack


【解决方案1】:

尤里卡!在这引起了很多周的麻烦之后,我发现这个问题与我使用 Dropbox 桌面备份我的代码有关。也许 Dropbox 更改同步与 Webpack 轮询或类似的东西发生冲突。

希望这会让其他人免受我所经历的挫败感!

【讨论】:

    猜你喜欢
    • 2016-02-28
    • 2020-01-01
    • 2018-02-11
    • 1970-01-01
    • 2015-12-03
    • 2023-03-04
    • 2018-01-22
    • 2020-03-02
    • 2017-01-06
    相关资源
    最近更新 更多