javascript 如何修复React Developer Tools在默认React页面上给出的错误消息?

mnowg1ta  于 2023-04-19  发布在  Java
关注(0)|答案(4)|浏览(180)

摘要

我想检查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不支持红色警告图标。

qyuhtwio

qyuhtwio1#

我也遇到了同样的问题,然后我在Chrome的隐身窗口中尝试(Ctrl + Shift + N),效果很好。此外,你可以清除该高速缓存或打开一个新的标签页,然后在那里尝试。

fnx2tebb

fnx2tebb2#

我认为这是没有问题的,这只是你在开发模式的信息
如果你访问一个处于开发模式的React网站,图标将有一个红色的背景:使用React开发版本的网站上的React DevTools预计您在开发应用程序时使用开发模式,在将应用程序部署给用户时使用生产模式。
检查此URL [https://reactjs.org/docs/optimizing-performance.html#use-the-production-build]

n9vozmp4

n9vozmp43#

运行此命令

npm run build
7lrncoxx

7lrncoxx4#

如果您的项目是使用Create React App构建的,请运行:
npm run build

这将在项目的build/文件夹中创建应用的生产版本。
请记住,只有在部署到生产环境之前才需要这样做。对于正常开发,请使用npm start

相关问题