我在将我的应用程序发布到 heroku 时遇到问题

Question

所以我的问题是，每当我尝试将我的应用程序推送到 heroku 时，它都会尝试这样做，但是当百分比部分出现时，它永远不会超过 70%。我已经扫描了错误消息，运行了运行正常的 npm run build，扫描了之前的消息并尝试了它一直指向我的 https://devcenter.heroku.com/articles/troubleshooting-node-deploys 上的所有修复。除了 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 会导致我的整个程序失败。检查你的拼写！