heroku 部署过程中缺少图像

Question

我尝试用 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":

知道我该如何解决吗？

Answer 1

我发现了这个问题，它与区分大小写有关，并通过对引用地址进行更正来解决

Answer 2

在我的例子中，我在线调整了一张图片的大小，在日志中它显示为 .JPG 但在我的 git 和资源管理器中是 .jpg 所以我不得不将它重命名为 .png 以便能够推送

heroku 部署过程中缺少图像

missing images on heroku deployment process

heroku

buildpack

webpack