Nuxt生产构建报错：Rollup无法解析@primevue/nuxt-module导入

开发模式下Nuxt应用运行正常，但执行npm run build构建生产版本时出现以下错误：

Nuxt Build Error: [vite]: Rollup failed to resolve import "/Users/borisgrigorov/Dev/sgb/node_modules/@primevue/nuxt-module/dist/runtime/plugin.client" from "virtual:nuxt:/Users/borisgrigorov/Dev/sgb/.nuxt/plugins.client.mjs".
This is most likely unintended because it can break your application at runtime.

完整日志显示系统无法找到@primevue/nuxt-module/dist/runtime/plugin.client文件，尝试将@primevue/nuxt-module添加到nuxt.config.ts的vite.build.rollupOptions.external配置中无效。

当前package.json配置：

{
    "name": "sgb",
    "private": true,
    "type": "module",
    "scripts": {
        "build": "nuxt build",
        "dev": "nuxt dev",
        "generate": "nuxt generate",
        "preview": "nuxt preview",
        "postinstall": "nuxt prepare"
    },
    "dependencies": {
        "@nuxtjs/tailwindcss": "^6.12.1",
        "@pinia/nuxt": "^0.6.0",
        "@primevue/themes": "4.1.1",
        "@prisma/nuxt": "^0.0.35",
        "bcrypt": "^5.1.1",
        "emailjs": "^4.0.3",
        "iron-session": "^8.0.3",
        "joi": "^17.13.3",
        "nuxt": "^3.13.0",
        "pinia": "^2.2.5",
        "primeicons": "^7.0.0",
        "primevue": "4.1.1",
        "vue": "latest",
        "vue-router": "latest"
    },
    "devDependencies": {
        "@primevue/nuxt-module": "^4.1.1",
        "@prisma/client": "^5.22.0",
        "@types/bcrypt": "^5.0.2"
    },
    "overrides": {
        "vue": "latest"
    }
}

• 调整依赖位置：将@primevue/nuxt-module从devDependencies移到dependencies中。生产构建需要该模块的运行时代码，devDependencies中的包不会被包含在生产环境，这是导致文件找不到的核心原因。修改后重新执行npm install。

• 清理缓存与重装依赖：

  1. 执行npx nuxt clean清理Nuxt缓存
  2. 删除node_modules目录和package-lock.json文件
  3. 重新运行npm install安装依赖

• 移除无效的external配置：删除nuxt.config.ts中vite.build.rollupOptions.external里的@primevue/nuxt-module条目。该模块需要被打包进生产代码，标记为外部依赖会导致Rollup无法解析它。

• 检查版本兼容性：确认Nuxt 3.13.0与PrimeVue 4.1.1的兼容性。可以尝试将Nuxt版本降级到3.12.x，或者查看PrimeVue官方文档确认适配的Nuxt版本范围，避免版本不匹配导致的构建问题。

• 确认模块注册正确：确保nuxt.config.ts中正确注册了PrimeVue模块，示例配置如下：

export default defineNuxtConfig({
  modules: ['@primevue/nuxt-module'],
  primevue: {
    theme: {
      preset: 'tailwind' // 根据你的实际配置调整
    }
  }
})

内容的提问来源于stack exchange，提问作者borisgrigorov