heroku 部署失败 - 无法解析 scss

Question

当我在 Heroku 中部署应用程序时
下面的错误抛出

Failed to compile.
./pages/index.tsx
Module not found: Can't resolve '@/styles/Home.module.scss' in '/tmp/build_2e86dc1e/pages'
> Build failed because of webpack errors
-----> Build failed
       
       We're sorry this build is failing! You can troubleshoot common issues here:
       https://devcenter.heroku.com/articles/troubleshooting-node-deploys
       
       Some possible problems:
       
       - Node version not specified in package.json
         https://devcenter.heroku.com/articles/nodejs-support#specifying-a-node-js-version
       
       Love,
       Heroku
       
 !     Push rejected, failed to compile Node.js app.

但我已经尝试通过运行 next build 在本地构建它并且成功了

更新 1
提供文件夹结构

Answer 1

终于解决了。

原因是我正在导入大写 H 的 home.module.scss。heroku 在导入时区分大小写。

Heroku使用Linux，关心home.module.scss和Home.module.scss

的区别

heroku 部署失败 - 无法解析 scss

heroku deployment fail - Can't resolve scss

sass

heroku

reactjs

next.js