Error building with Dockerfile (Module not found: Can't resolve)

[RPdvtPT]

I'm getting this error while building the app using a Dockerfile with /home/node/app as the working directory

Failed to compile.
./src/app/(payload)/admin/[[...segments]]/not-found.tsx
Module not found: Can't resolve '@payload-config'
https://nextjs.org/docs/messages/module-not-found
./src/app/(payload)/admin/[[...segments]]/page.tsx
Module not found: Can't resolve '@payload-config'
https://nextjs.org/docs/messages/module-not-found
./src/app/(payload)/api/[...slug]/route.ts
Module not found: Can't resolve '@payload-config'
https://nextjs.org/docs/messages/module-not-found
./src/app/(payload)/api/graphql-playground/route.ts
Module not found: Can't resolve '@payload-config'
https://nextjs.org/docs/messages/module-not-found
./src/app/(payload)/api/graphql/route.ts
Module not found: Can't resolve '@payload-config'
https://nextjs.org/docs/messages/module-not-found

I've tried this alias mapping in the tsconfig.json but the same error occurs

"paths": {
  "@payload-config": [
    "./src/payload.config.ts",
    "src/payload.config.ts",
    "/src/payload.config.ts",
    "home/node/app/src/payload.config.ts",
    "/home/node/app/src/payload.config.ts",
    "./home/node/app/src/payload.config.ts"
  ],
  "react": [
    "./node_modules/@types/react",
    "node_modules/@types/react",
    "/node_modules/@types/react",
    "home/node/app/node_modules/@types/react",
    "/home/node/app/node_modules/@types/react",
    "./home/node/app/node_modules/@types/react"
  ],
  "@/*": [
    "./src/*",
    "src/*",
    "/src/*",
    "home/node/app/src/*",
    "/home/node/app/src/*",
    "./home/node/app/src/*"
  ],
}

This is my Dockerfile:

FROM node:23-alpine
ENV NODE_ENV=production
WORKDIR /home/node/app
COPY . .
RUN npm i -g pnpm
RUN pnpm install --production
RUN pnpm build
EXPOSE 3000
CMD ["pnpm", "run", "start"]

I've also tried using the docs example: https://payloadcms.com/docs/production/deployment#docker

[aaronksaunders]

did u ever resolve this? I am running into same problem when trying to deploy to heroku

[RPdvtPT]

No, but solved part of the issue, I've added this to the next.config.js

const nextConfig = {
  //...
  webpack: (config) => {
    config.resolve.extensions = [
      ".ts",
      ".tsx",
      ".js",
      ".jsx",
      ".json"
    ];
    config.resolve.alias['@payload-config'] = path.join(__dirname, 'src/payload.config.ts');
    config.resolve.alias['@payload-types'] = path.join(__dirname, 'src/payload.types.ts');
    config.resolve.alias['react/jsx-runtime'] = path.join(__dirname, 'node_modules/react/jsx-runtime');
    //config.resolve.alias['react'] = path.join(__dirname, 'node_modules/@types/react');
    config.resolve.alias['react'] = path.join(__dirname, 'node_modules/react');
    config.resolve.alias['@/*'] = path.join(__dirname, 'src/*');
    return config;
  }
}

and changed the tsconfig.json compilerOptions paths:

{
  ...
  "compilerOptions": {
    "paths": {
      "@payload-config": [
        "src/payload.config.ts"
      ],
      "@payload-types": [
        "src/payload-types.ts"
      ],
      "react": [
        "node_modules/react"
      ],
      "@/*": [
        "src/*"
      ]
    }
  }
}

Now the issue is:

[email protected] build /home/node/app
cross-env NODE_OPTIONS=--no-deprecation next build
▲ Next.js 15.0.3
- Experiments (use with caution):
· turbo
Creating an optimized production build ...
Failed to compile.

Import trace for requested module:
./src/payload.config.ts
./src/app/(payload)/layout.tsx
./src/collections/Posts/index.ts
Module not found: Can't resolve '@/fields/slug'
https://nextjs.org/docs/messages/module-not-found

Import trace for requested module:
./src/payload.config.ts
./src/app/(payload)/layout.tsx
./src/payload.config.ts
Module not found: Can't resolve '@/fields/defaultLexical'
https://nextjs.org/docs/messages/module-not-found