I have no idea what is going on. npm run build not showing any issues. Works on local. But when deploying I get Module not found error.
https://whereiscat.netlify.app
or GitHub
3:47:19 PM: Failed to compile.
3:47:19 PM:
3:47:19 PM: ./src/app/_components/ui/Button.tsx
3:47:19 PM: Module not found: Can't resolve '@/ui/Link'
3:47:19 PM: https://nextjs.org/docs/messages/module-not-found
3:47:19 PM: Import trace for requested module:
3:47:19 PM: ./src/app/_components/CatAdd.tsx
3:47:19 PM: ./src/app/page.tsx
3:47:19 PM: ./src/app/page.tsx
3:47:19 PM: Module not found: Can't resolve '@/components/Cat'
3:47:19 PM: https://nextjs.org/docs/messages/module-not-found
3:47:19 PM: ./src/app/api/Cats/route.js
3:47:19 PM: Module not found: Can't resolve '@/app/_models/Cat'
3:47:19 PM: https://nextjs.org/docs/messages/module-not-found
3:47:19 PM: > Build failed because of webpack errors
3:47:19 PM:
3:47:19 PM: @netlify/plugin-nextjs (onEnd event)
In Button.tsx I am importing with import Link from "@/ui/Link";
in ./src/app/page.tsx I am importing with import Cat from "@/components/Cat";
My file structure:
public
src
app
page.tsx
_components
Cat.tsx
ui
Button.tsx
Link.tsx
My tsconfig.json:
"paths": {
"@/*": ["./src/*"],
"@/models/*": ["./src/app/_models/*"],
"@/components/*": ["./src/app/_components/*"],
"@/ui/*": ["./src/app/_components/ui/*"],
"@/layout/*": ["./src/app/_components/layout/*"]
}
Please help if you know what is going on or very much appreciated if you can tell me where should I look