无法让Webpack热加载器与React一起使用

我一直在尝试获取webpack热加载器的工作版本来进行实时编辑以开发应用程序。在遵循了教程并且无法进行实时编辑之后,我决定从头开始。

我克隆了一个React Hot Loader样板的干净仓库,并尝试使用Dan Abramov的create-react-app我能够构建两个应用程序。我在控制台中收到一条日志,上面写着,[WDS] Hot Module Replacement enabled但是编辑任何文件都不会触发页面重新加载或终端中的任何操作。此故障排除页面中,我属于以下类别:

我看到“启用了[WDS]热模块替换”,但是在编辑App.js时没有任何反应

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

OS X还具有一个很少发生的错误,该错误会导致一些文件夹在文件系统更改监视方面被“破坏”。以下是一些建议的修复程序。

我查看了故障排除指南的这一部分,但似乎没有任何效果。

我在Ubuntu 16.04中运行npm v2.15.1和node v4.2.6。

问题出在Ubuntu上的观察者。在Ubuntu上,我尝试检查dmsesg日志,并告诉我inotify资源已用尽,无法使用。

$ tail -f /var/log/dmesg 
(Nothing has been logged yet.)
tail: inotify resources exhausted
tail: inotify cannot be used, reverting to polling

react-hot-loader故障排除页面

Ubuntu用户(可能还有其他人)echo fs.inotify.max_user_watches=524288 | sudo tee -a /etc/sysctl.conf && sudo sysctl -p

然后热加载器按预期工作。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Webpack热加载React项目无法正常工作

来自分类Dev

使用webpack-dev反应热加载器3

来自分类Dev

无法让 PostCSS 与 Webpack 一起使用

来自分类Dev

在Webpack中将文件加载器与es6模块和打字稿一起使用

来自分类Dev

React无法与Bootstrap一起使用

来自分类Dev

WebPack和Express服务器无法一起使用

来自分类Dev

无法获取与Webpack和Redux-React一起使用的提取模拟

来自分类Dev

无法使引导程序与Webpack一起使用

来自分类Dev

源地图无法与Webpack一起使用

来自分类Dev

Webpack devServer代理无法与Sapper一起使用

来自分类Dev

EqualHeight无法与Ajax一起使用加载更多

来自分类Dev

.on()无法与页面加载后添加的HTML一起使用

来自分类Dev

无法获取webpack require.ensure的分块方法与react-router一起使用并生成单独的捆绑文件

来自分类Dev

无法获取webpack require.ensure的分块方法与react-router一起使用并生成单独的捆绑文件

来自分类Dev

装饰器无法与yield命令一起正常使用

来自分类Dev

BroadcastReceiver无法与警报管理器一起使用

来自分类Dev

ngDialog无法与“外部”控制器一起使用

来自分类Dev

必需属性无法与转发器一起使用

来自分类Dev

AlarmManager无法与时间选择器一起使用

来自分类Dev

Angular控制器无法与anchorscroll一起使用

来自分类Dev

React Router dom无法与Link一起使用,但刷新页面会加载组件

来自分类Dev

一起使用文件加载器和html加载器

来自分类Dev

一起使用文件加载器和html加载器

来自分类Dev

onmouseover无法与React.js一起使用

来自分类Dev

React JS无法与Internet Explorer 9一起使用

来自分类Dev

无法让MemoryRouter与@ testing-library / react一起使用

来自分类Dev

React onClick无法与<Image>在设备中一起使用

来自分类Dev

反弹无法与React-Redux应用一起使用

来自分类Dev

React App无法导入与Webpack打包在一起的React App

Related 相关文章

  1. 1

    Webpack热加载React项目无法正常工作

  2. 2

    使用webpack-dev反应热加载器3

  3. 3

    无法让 PostCSS 与 Webpack 一起使用

  4. 4

    在Webpack中将文件加载器与es6模块和打字稿一起使用

  5. 5

    React无法与Bootstrap一起使用

  6. 6

    WebPack和Express服务器无法一起使用

  7. 7

    无法获取与Webpack和Redux-React一起使用的提取模拟

  8. 8

    无法使引导程序与Webpack一起使用

  9. 9

    源地图无法与Webpack一起使用

  10. 10

    Webpack devServer代理无法与Sapper一起使用

  11. 11

    EqualHeight无法与Ajax一起使用加载更多

  12. 12

    .on()无法与页面加载后添加的HTML一起使用

  13. 13

    无法获取webpack require.ensure的分块方法与react-router一起使用并生成单独的捆绑文件

  14. 14

    无法获取webpack require.ensure的分块方法与react-router一起使用并生成单独的捆绑文件

  15. 15

    装饰器无法与yield命令一起正常使用

  16. 16

    BroadcastReceiver无法与警报管理器一起使用

  17. 17

    ngDialog无法与“外部”控制器一起使用

  18. 18

    必需属性无法与转发器一起使用

  19. 19

    AlarmManager无法与时间选择器一起使用

  20. 20

    Angular控制器无法与anchorscroll一起使用

  21. 21

    React Router dom无法与Link一起使用,但刷新页面会加载组件

  22. 22

    一起使用文件加载器和html加载器

  23. 23

    一起使用文件加载器和html加载器

  24. 24

    onmouseover无法与React.js一起使用

  25. 25

    React JS无法与Internet Explorer 9一起使用

  26. 26

    无法让MemoryRouter与@ testing-library / react一起使用

  27. 27

    React onClick无法与<Image>在设备中一起使用

  28. 28

    反弹无法与React-Redux应用一起使用

  29. 29

    React App无法导入与Webpack打包在一起的React App

热门标签

归档