如何解决反应启动找不到公用文件夹中的文件
运行npm start
时,我的代码显示空白页面,也没有图标,浏览控制台显示
Loading failed for the <script> with source “http://localhost:3000/short_text_understanding/static/js/bundle.js”. bundle.js:23:1
Loading failed for the <script> with source “http://localhost:3000/short_text_understanding/static/js/0.chunk.js”. bundle.js:23:1
Loading failed for the <script> with source “http://localhost:3000/short_text_understanding/static/js/main.chunk.js”. bundle.js:23:1
如果它有助于调试,则我的代码以前可以运行,但是在npm audit
之后,我的package.json更改了
- "react-scripts": "3.4.1"
+ "react-scripts": "^3.4.3"
我的package.json
{
"name": "short_text_understand","version": "0.1.0","private": true,"dependencies": {
"@testing-library/jest-dom": "^4.2.4","@testing-library/react": "^9.5.0","@testing-library/user-event": "^7.2.1","react": "^16.13.1","react-dom": "^16.13.1","react-scripts": "^3.4.3"
},"scripts": {
"start": "react-scripts start","build": "react-scripts build","test": "react-scripts test","test:debug": "react-scripts --inspect-brk test --runInBand --no-cache","eject": "react-scripts eject","lint": "eslint .","predeploy": "npm run build","deploy": "gh-pages -d build"
},"eslintConfig": {
"extends": "react-app"
},"proxy": "http://localhost:5000","browserslist": {
"production": [
">0.2%","not dead","not op_mini all"
],"development": [
"last 1 chrome version","last 1 firefox version","last 1 safari version"
]
},"devDependencies": {
"eslint-config-airbnb": "^18.2.0","eslint-config-prettier": "^6.11.0","eslint-plugin-jsx-a11y": "^6.3.1","eslint-plugin-prettier": "^3.1.4","gh-pages": "^3.1.0","prettier": "^2.0.5"
}
}
源结构是
.
├── Dockerfile
├── LICENSE
├── README.md
├── docker-compose.yml
├── nginx
│ ├── Dockerfile
│ └── nginx.conf
├── package-lock.json
├── package.json
├── public
│ ├── android-chrome-192x192.png
│ ├── android-chrome-512x512.png
│ ├── apple-touch-icon.png
│ ├── favicon-16x16.png
│ ├── favicon-32x32.png
│ ├── favicon.ico
│ ├── index.html
│ ├── manifest.json
│ ├── robots.txt
│ └── site.webmanifest
├── src
│ ├── index.js
│ ├── normalize.css
│ ├── skeleton.css
│ └── style.css
└── src_python
├── Dockerfile
├── __pycache__
我不明白的是为什么bundle.js
消失了,为什么即使我没有移动public
文件夹也没有加载我的收藏夹图标,并且以前工作正常。
这是我的新手,请告诉您是否需要其他信息
解决方法
如果您正在使用create react app来生成应用程序,请按照此链接中给出的说明进行操作
https://create-react-app.dev/docs/using-the-public-folder/
,原因是因为我使用了ublock(不是ublock起源)。请注意,这不是现成的版本,因为我选择了所有黑名单
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。