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 以便能够推送