docker image build error (Module not found: Can't resolve './loading')

[mondepari]

I get many different errors when trying to build an image. The errors are always different, what could I be doing wrong?
errors: Failed to compile.

./src/app/[variants]/(main)/discover/(detail)/provider/[slug]/page.tsx
Module not found: Can't resolve './loading'

https://nextjs.org/docs/messages/module-not-found

[Aman3899]

Here are a few things you can check to fix this issue:

1. Check for File Name Mismatches

   • Ensure that the loading.tsx (or .js) file actually exists in the correct directory.
   • If you're using a case-sensitive file system (like Linux/macOS in Docker), make sure the filename matches exactly, including capitalization.

2. Verify Import Paths

   • If the file exists but the error persists, check how you're importing it. If you're using:

     import Loading from './loading';

     Ensure that loading.tsx is in the same directory.

3. Clear Next.js & Docker Caches

   • Sometimes, cached builds cause issues. Try clearing caches:

     rm -rf .next node_modules package-lock.json
     npm install

     If using Yarn or PNPM, replace npm install with yarn install or pnpm install.

   • Also, try rebuilding the Docker image with no cache:

     docker build --no-cache -t your-image-name .

4. Check Next.js Version & Config

   • If you recently updated Next.js, check if the loading.tsx file is inside an app directory (app/) and follows Next.js 13+ conventions.
   • Ensure that loading.tsx is being exported properly.