我在將我的應用程序發布到 heroku 時遇到問題

Question

所以我的問題是，每當我嘗試將我的應用程序推送到 heroku 時，它都會嘗試這樣做，但是當百分比部分出現時，它永遠不會超過 70%。 我已經掃描了錯誤消息，運行了 npm 運行構建，它工作正常，掃描了以前的消息並嘗試了https://devcenter.heroku.com/articles/t上的所有修復除了 70% 的初始錯誤之外，還有 40% 引起了我的注意，所以我也會在這里發布：

70% 錯誤：

<s> [webpack.Progress] 70% building 402/402 modules 0 active 
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! react-router@1.0.0 build: `cross-env NODE_ENV=production webpack --config webpack/prod.config.js --progress --display-error-details --color`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the react-router@1.0.0 build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR!     /tmp/npmcache.LhBS8/_logs/2021-11-29T16_19_55_351Z-debug.log
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! react-router@1.0.0 heroku-postbuild: `npm run build`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the react-router@1.0.0 heroku-postbuild script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR!     /tmp/npmcache.LhBS8/_logs/2021-11-29T16_19_55_502Z-debug.log
-----> Build failed
       
       We're sorry this build is failing! You can troubleshoot common issues here:
       https://devcenter.heroku.com/articles/troubleshooting-node-deploys
       
       If you're stuck, please submit a ticket so we can help:
       https://help.heroku.com/
       
       Love,
       Heroku
       
 !     Push rejected, failed to compile Node.js app.
 !     Push failed

為了給出這個錯誤的一些背景信息，heroku 似乎在我的導航文件夾中尋找一個 scss 文件以及我的導航欄組件，但是我從來沒有在那個文件夾中有一個 scss 文件。

未停止上傳過程的 40% 錯誤：

ModuleNotFoundError: Module not found: Error: Can't resolve './navigation/navBar' in '/tmp/build_99a5894a/src/components'
    at /tmp/build_99a5894a/node_modules/webpack/lib/Compilation.js:925:10
    at /tmp/build_99a5894a/node_modules/webpack/lib/NormalModuleFactory.js:401:22
    at /tmp/build_99a5894a/node_modules/webpack/lib/NormalModuleFactory.js:130:21
    at /tmp/build_99a5894a/node_modules/webpack/lib/NormalModuleFactory.js:224:22
    at /tmp/build_99a5894a/node_modules/neo-async/async.js:2830:7
    at /tmp/build_99a5894a/node_modules/neo-async/async.js:6877:13
    at /tmp/build_99a5894a/node_modules/webpack/lib/NormalModuleFactory.js:214:25
    at /tmp/build_99a5894a/node_modules/enhanced-resolve/lib/Resolver.js:213:14
    at /tmp/build_99a5894a/node_modules/enhanced-resolve/lib/Resolver.js:285:5
    at eval (eval at create (/tmp/build_99a5894a/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:15:1)
    at /tmp/build_99a5894a/node_modules/enhanced-resolve/lib/UnsafeCachePlugin.js:44:7
    at /tmp/build_99a5894a/node_modules/enhanced-resolve/lib/Resolver.js:285:5
    at eval (eval at create (/tmp/build_99a5894a/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:15:1)
    at /tmp/build_99a5894a/node_modules/enhanced-resolve/lib/Resolver.js:285:5
    at eval (eval at create (/tmp/build_99a5894a/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:27:1)
    at /tmp/build_99a5894a/node_modules/enhanced-resolve/lib/DescriptionFilePlugin.js:67:43
    at /tmp/build_99a5894a/node_modules/enhanced-resolve/lib/Resolver.js:285:5
    at eval (eval at create (/tmp/build_99a5894a/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:16:1)
    at /tmp/build_99a5894a/node_modules/enhanced-resolve/lib/Resolver.js:285:5
    at eval (eval at create (/tmp/build_99a5894a/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:27:1)
    at /tmp/build_99a5894a/node_modules/enhanced-resolve/lib/DescriptionFilePlugin.js:67:43
    at /tmp/build_99a5894a/node_modules/enhanced-resolve/lib/Resolver.js:285:5
    at eval (eval at create (/tmp/build_99a5894a/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:16:1)
    at /tmp/build_99a5894a/node_modules/enhanced-resolve/lib/Resolver.js:285:5
    at eval (eval at create (/tmp/build_99a5894a/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:15:1)
    at /tmp/build_99a5894a/node_modules/enhanced-resolve/lib/DirectoryExistsPlugin.js:27:15
    at /tmp/build_99a5894a/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:85:15
    at processTicksAndRejections (internal/process/task_queues.js:77:11)
resolve './navigation/navBar' in '/tmp/build_99a5894a/src/components'
  using description file: /tmp/build_99a5894a/package.json (relative path: ./src/components)
    Field 'browser' doesn't contain a valid alias configuration
    using description file: /tmp/build_99a5894a/package.json (relative path: ./src/components/navigation/navBar)
      no extension
        Field 'browser' doesn't contain a valid alias configuration
        /tmp/build_99a5894a/src/components/navigation/navBar doesn't exist
      .js
        Field 'browser' doesn't contain a valid alias configuration
        /tmp/build_99a5894a/src/components/navigation/navBar.js doesn't exist
      .scss
        Field 'browser' doesn't contain a valid alias configuration
        /tmp/build_99a5894a/src/components/navigation/navBar.scss doesn't exist
      as directory
        /tmp/build_99a5894a/src/components/navigation/navBar doesn't exist

Answer 1

我已經解決了我的問題。 顯然，在我的一個文件中，我在路徑導入語句中有一個大寫 B，其中實際文件都是小寫的。 我不知道一個大寫的 B 會導致我的整個程序失敗。 檢查你的拼寫伙計們！