heroku 部署过程中缺少图像
missing images on heroku deployment process
我尝试用 webpack 部署一个 React 应用 我使用了 create-react-app-buildpack https://github.com/mars/create-react-app-buildpack
我有static.json
{
"root": "public/",
"routes":{
"/**": "index.html"
}
}
我设置NPM_CONFIG_PRODUCTION=true NODE_ENV=production YARN_PRODUCTION=true 但我得到这个错误 似乎无法访问这些图像
ERROR in ./src/Shared/Header/Header.jsx
Module not found: Error: Can't resolve '../../assets/images/logos/logo-white.png' in '/tmp/build_abbb8ced25af1dcc8cb901be4bc3d3e9/src/Shared/Header'
@ ./src/Shared/Header/Header.jsx 2:0-60
@ ./src/HomePage/HomePage.jsx
@ ./src/HomePage/index.js
@ ./src/App/App.jsx
@ ./src/App/index.js
@ ./src/index.jsx
@ multi core-js/fn/promise core-js/es6/object core-js/es6/array ./src/index.jsx
ERROR in ./src/LoginPage/LoginPage.jsx
Module not found: Error: Can't resolve '../assets/images/logos/logo-orange.png' in '/tmp/build_abbb8ced25af1dcc8cb901be4bc3d3e9/src/LoginPage'
@ ./src/LoginPage/LoginPage.jsx 10:0-58
@ ./src/LoginPage/index.js
@ ./src/App/App.jsx
@ ./src/App/index.js
@ ./src/index.jsx
@ multi core-js/fn/promise core-js/es6/object core-js/es6/array ./src/index.jsx
ERROR in ./src/SignUpPage/SignUpPage.jsx
Module not found: Error: Can't resolve '../assets/images/logos/logo-orange.png' in '/tmp/build_abbb8ced25af1dcc8cb901be4bc3d3e9/src/SignUpPage'
@ ./src/SignUpPage/SignUpPage.jsx 7:0-58
@ ./src/SignUpPage/index.js
@ ./src/App/App.jsx
@ ./src/App/index.js
@ ./src/index.jsx
@ multi core-js/fn/promise core-js/es6/object core-js/es6/array ./src/index.jsx
Child html-webpack-plugin for "index.html":
知道我该如何解决吗?
我发现了这个问题,它与区分大小写有关,并通过对引用地址进行更正来解决
在我的例子中,我在线调整了一张图片的大小,在日志中它显示为 .JPG 但在我的 git 和资源管理器中是 .jpg 所以我不得不将它重命名为 .png 以便能够推送