摘要
我想检查react应用程序上的元素，但我在Google Chrome上的React开发工具不起作用。
问题
浏览器上的错误消息React Developer
This page is using the development build of React. 🚧
Note that the development build is not suitable for production.
Make sure to use the production build before deployment.
Open the developer tools, and "Components" and "Profiler" tabs will appear to the right.我想做的事
成功构建并执行了一个示例react应用程序。
npm init react-app react_app
npm start我可以在http://localhost:3000/上看到默认的React屏幕，并且我没有编辑创建的react应用程序文件夹。
然而，我的React Developer不支持红色警告图标。
4条答案
按热度按时间qyuhtwio1#
我也遇到了同样的问题，然后我在Chrome的隐身窗口中尝试（Ctrl + Shift + N），效果很好。此外，你可以清除该高速缓存或打开一个新的标签页，然后在那里尝试。
fnx2tebb2#
我认为这是没有问题的，这只是你在开发模式的信息
如果你访问一个处于开发模式的React网站，图标将有一个红色的背景：使用React开发版本的网站上的React DevTools预计您在开发应用程序时使用开发模式，在将应用程序部署给用户时使用生产模式。
检查此URL [https：//reactjs.org/docs/optimizing-performance.html#use-the-production-build]
n9vozmp43#
运行此命令
7lrncoxx4#
如果您的项目是使用Create React App构建的，请运行：
npm run build
这将在项目的build/文件夹中创建应用的生产版本。
请记住，只有在部署到生产环境之前才需要这样做。对于正常开发，请使用npm start。