AWS + NextJS app 'Module Not Found' when deploying

Question

I'm trying to deploy a NextJS app using AWS Amplify. When I use 'npm run dev' locally, everything works as expected. When I use 'npm run build', everything also compiles fine locally. When I push changes to the branch that AWS Amplify is monitoring, it fails to build, stating:

[WARNING]: Failed to compile.
./src/app/page.tsx
Module not found: Can't resolve '@/styles/Home.css'

Here's my tsconfig.json:

Here's the file the error is occurring:

Here's my file tree:

And here's the AWS build logs:

Any help is greatly appreciated!

Tristan Miller · Accepted Answer · 2025-03-15 17:04:14Z

1

SOLVED: By changing file: "Home.css" -> "home.css". No idea why making it lower-case magically worked. Many of my other *.css files use Pascal Casing, and they are imported just fine. Hope this helps somebody else!

answered Mar 15 at 17:04

Tristan Miller

212 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

AWS + NextJS app 'Module Not Found' when deploying

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related