我刚刚创建了一个reactjs项目并安装了
react developer tools 5.1.0 rev. b566064da
扩展,我用npm start
启动了我的示例项目,它工作正常,我可以通过URLhttp://localhost:3000
访问网页。但是,当我尝试在 source
标签中查找组件的名称时,它不会显示名称,而是显示 bundle.js:190
,如下图所示。
我该如何解决这个问题?
我尝试了多种浏览器,例如 Chrome、Edge、Firefox 和 Brave,在所有情况下结果都是相同的。
这是我的
package.json
(这是默认配置,我没有编辑过)
{
"name": "react-app",
"version": "0.1.0",
"private": true,
"dependencies": {
"@testing-library/jest-dom": "^5.17.0",
"@testing-library/react": "^13.4.0",
"@testing-library/user-event": "^13.5.0",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-scripts": "5.0.1",
"web-vitals": "^2.1.4"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
"eslintConfig": {
"extends": [
"react-app",
"react-app/jest"
]
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
}
}