React和webpack解决 waiting for roots to load...to reload the inspector

Posted 心在梦在

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了React和webpack解决 waiting for roots to load...to reload the inspector相关的知识,希望对你有一定的参考价值。

使用chrome调试工具,react-devtools总是显示

"waiting for roots to load...to reload the inspector" and a button saying "click here".

我使用的是react-devtools4.0版本

有两个项目,一个项目用的是react16.2.0,另一个项目react16.6.1.

同样的代码在这两个版本都可以运行,但是react-devtools在react16.2.0的脚手架框架下可以使用,在react16.6.1下不能使用

 

解决方法:

下载最新版的react-devtools,下载地址为https://github.com/facebook/react-devtools/releases

下载后将整个文件夹拖至chrome扩展程序中就可以了。

以上是关于React和webpack解决 waiting for roots to load...to reload the inspector的主要内容,如果未能解决你的问题,请参考以下文章

React 环境 webpack less 配置 及 javascriptEnabled 解决方法

未找到 Webpack 和 React 图像

运行下一个 js 时出错 - TypeError: (0 , react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV) is not a f

React + webpack 热更新后修改了样式文件,但是不能及时生效的解决办法

学习建立基于react,webpack模板项目

React/Webpack - 从 webpack 1 迁移到 4,配置对象无效