Error: Cannot find module Next.js 14 when module exists

[hewar-saber]

Summary

I get this error in dev mode and when building my Next.js app locally or on Vercel, but also in dev mode.

Error: Cannot find module 'C:\Projects\project\node_modules@google-cloud\tasks\build\esm\src\v2\cloud_tasks_client_config.json'

Here is what I have tried:

• Deleting node_modules, and running npm install
• changing Next.js version, updating, deleting .next folder
• Changing @google-cloud/task version multiple times, updating, etc...

Here is a minimal reproduce of the problem:

import { CloudTasksClient } from "@google-cloud/tasks"

export function GET() {
    if (0) {
        const client = new CloudTasksClient({})
    }
    return Response.json({ message: "Hello, World!" })
}

My next.config.mjs doesn't contain any webpack configurations.

Here is the package.json:

{
    "name": "package",
    "version": "0.1.0",
    "private": true,
    "scripts": {
        "dev": "next dev",
        "build": "next build",
        "start": "next start",
        "lint": "next lint"
    },
    "dependencies": {
        "@google-cloud/logging": "^11.0.0",
        "@google-cloud/storage": "^7.9.0",
        "@google-cloud/tasks": "^5.3.0",
        "antd": "^5.16.0",
        "bcrypt": "^5.1.1",
        "dayjs": "^1.11.10",
        "file-type": "^19.0.0",
        "form-data": "^4.0.0",
        "googleapis": "^134.0.0",
        "html-validate": "^8.18.1",
        "iron-session": "^8.0.1",
        "jsdom": "^24.0.0",
        "lodash": "^4.17.21",
        "mailgun.js": "^10.2.1",
        "mysql2": "^3.9.2",
        "next": "^14.2.2",
        "nodemailer": "^6.9.13",
        "react": "^18",
        "react-colorful": "^5.6.1",
        "react-dom": "^18",
        "react-outer-click": "^3.8.0",
        "twilio": "^5.0.3",
        "uuid": "^9.0.1",
        "validator": "^13.11.0"
    },
    "devDependencies": {
        "@types/bcrypt": "^5.0.2",
        "@types/jsdom": "^21.1.6",
        "@types/lodash": "^4.17.0",
        "@types/node": "^20",
        "@types/node-fetch": "^2.6.11",
        "@types/nodemailer": "^6.4.14",
        "@types/react": "^18",
        "@types/react-dom": "^18",
        "@types/uuid": "^9.0.8",
        "@types/validator": "^13.11.9",
        "eslint": "^8",
        "eslint-config-next": "14.1.4",
        "typescript": "^5"
    }
}

When I click on the 'C:\Projects\project\node_modules@google-cloud\tasks\build\esm\src\v2\cloud_tasks_client_config.json file, it leads me to the right json file inside of node_modules, so the file exists.

Additional information

No response

Example

No response

[hewar-saber]

After I have tried multiple versions of Next.js and multiple different versions of @google-cloud/tasks, the issue persisted locally and on Vercel.

I even played around with the next.config.mjs webpack config, and cleared cache, and deleted node_modules multiple times.

Changing the @google-cloud/tasks version to 5.1.0 fixed the issue.

This module always seems to have issues, I recommend staying away from it. to fix this, run:

npm i @google-cloud/[email protected]

[jnnnthnn]

In case anyone else gets stuck here: I had to downgrade from 5.1.0 to 4.0.1 to sidestep this issue.

See sibling issue for other alternatives: googleapis/google-cloud-node#4858 (comment)

[woodbeary]

wow, ty ty ty

[woodbeary]

can confirm 5.1.0 works for me in nextjs 14.2.3 (turbo enabled) and will sidestep to 4.0.1 if I run into issues again

[pthieu]

any updates on this? i assume it's just the import routes are a bit off so you kind of need to copy this file over to root during the build process

[schafevormfenster]

I have the same issue with "@google-cloud/tasks": "5.1.0" and "next": "15.3.0-canary.10". Locally everything works fine, but on Vercel it breaks with Error: ENOENT: no such file or directory, open '/vercel/path0/node_modules/@google-cloud/tasks/build/esm/src/v2/cloud_tasks_client_config.json'

[Rtroman14]

This workaround is currently working for me:
"@google-cloud/tasks": "^4.0.1"
"next": "^15.2.4"

task file:

import { CloudTasksClient } from "@google-cloud/tasks";

// Add client configuration inline instead of relying on JSON file
const clientConfig = {
    interfaces: {
        "google.cloud.tasks.v2.CloudTasks": {
            retry_codes: {
                non_idempotent: [],
                idempotent: ["DEADLINE_EXCEEDED", "UNAVAILABLE"],
            },
            retry_params: {
                default: {
                    initial_retry_delay_millis: 100,
                    retry_delay_multiplier: 1.3,
                    max_retry_delay_millis: 60000,
                    initial_rpc_timeout_millis: 20000,
                    rpc_timeout_multiplier: 1,
                    max_rpc_timeout_millis: 20000,
                    total_timeout_millis: 600000,
                },
                "2607cc7256ff9acb2ee9b232c5722dbbaab18846": {
                    initial_retry_delay_millis: 100,
                    retry_delay_multiplier: 1.3,
                    max_retry_delay_millis: 10000,
                    initial_rpc_timeout_millis: 20000,
                    rpc_timeout_multiplier: 1,
                    max_rpc_timeout_millis: 20000,
                    total_timeout_millis: 600000,
                },
            },
            methods: {
                ListQueues: {
                    timeout_millis: 20000,
                    retry_codes_name: "idempotent",
                    retry_params_name: "2607cc7256ff9acb2ee9b232c5722dbbaab18846",
                },
                GetQueue: {
                    timeout_millis: 20000,
                    retry_codes_name: "idempotent",
                    retry_params_name: "2607cc7256ff9acb2ee9b232c5722dbbaab18846",
                },
                CreateQueue: {
                    timeout_millis: 20000,
                    retry_codes_name: "non_idempotent",
                    retry_params_name: "default",
                },
                UpdateQueue: {
                    timeout_millis: 20000,
                    retry_codes_name: "non_idempotent",
                    retry_params_name: "default",
                },
                DeleteQueue: {
                    timeout_millis: 20000,
                    retry_codes_name: "idempotent",
                    retry_params_name: "2607cc7256ff9acb2ee9b232c5722dbbaab18846",
                },
                PurgeQueue: {
                    timeout_millis: 20000,
                    retry_codes_name: "non_idempotent",
                    retry_params_name: "default",
                },
                PauseQueue: {
                    timeout_millis: 20000,
                    retry_codes_name: "non_idempotent",
                    retry_params_name: "default",
                },
                ResumeQueue: {
                    timeout_millis: 20000,
                    retry_codes_name: "non_idempotent",
                    retry_params_name: "default",
                },
                GetIamPolicy: {
                    timeout_millis: 20000,
                    retry_codes_name: "idempotent",
                    retry_params_name: "2607cc7256ff9acb2ee9b232c5722dbbaab18846",
                },
                SetIamPolicy: {
                    timeout_millis: 20000,
                    retry_codes_name: "non_idempotent",
                    retry_params_name: "default",
                },
                TestIamPermissions: {
                    timeout_millis: 20000,
                    retry_codes_name: "idempotent",
                    retry_params_name: "2607cc7256ff9acb2ee9b232c5722dbbaab18846",
                },
                ListTasks: {
                    timeout_millis: 20000,
                    retry_codes_name: "idempotent",
                    retry_params_name: "2607cc7256ff9acb2ee9b232c5722dbbaab18846",
                },
                GetTask: {
                    timeout_millis: 20000,
                    retry_codes_name: "idempotent",
                    retry_params_name: "2607cc7256ff9acb2ee9b232c5722dbbaab18846",
                },
                CreateTask: {
                    timeout_millis: 20000,
                    retry_codes_name: "non_idempotent",
                    retry_params_name: "default",
                },
                DeleteTask: {
                    timeout_millis: 20000,
                    retry_codes_name: "idempotent",
                    retry_params_name: "2607cc7256ff9acb2ee9b232c5722dbbaab18846",
                },
                RunTask: {
                    timeout_millis: 20000,
                    retry_codes_name: "non_idempotent",
                    retry_params_name: "default",
                },
            },
        },
    },
};

const client = new CloudTasksClient({
    projectId: keys.project_id,
    credentials: keys,
    clientConfig, // Add the inline configuration
});

next.config.js:

const nextConfig = {
    webpack: (config, { isServer }) => {
        if (isServer) {
            config.externals = [...(config.externals || []), "@google-cloud/tasks"];
        }
        return config;
    },
};

[Jhon-Idrovo]

based on #64765 (comment)
Currently, this is working for me:

const nextConfig = {
    webpack: (config, { isServer }) => {
        if (isServer) {
            config.externals = [...(config.externals || []), "@google-cloud/tasks"];
        }
        return config;
    },
};

[tzmfreedom]

Next.js bundle Server Components, Route handlers and Server Actions (Actions are not documented but I got the same error in it).
I think this error occurred because cloud_tasks_client_config.json was not bundled.

To fix this, you can use the serverExternalPackages option for opting out.

const nextConfig = {
    serverExternalPackages: ["@google-cloud/tasks"],
}

https://nextjs.org/docs/app/api-reference/config/next-config-js/serverExternalPackages