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)