You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Nuxt3构建报错:Rollup无法解析vue-router导入的解决咨询

Nuxt 3构建时Rollup无法解析vue-router的问题解决

错误含义

Rollup(Vite的底层打包工具)在构建生产包时,无法从Nuxt内置的test-component-wrapper.js文件中解析vue-router模块的引用。本地开发环境能正常运行,是因为Vite开发模式的模块预解析、热更新机制会跳过严格的依赖校验,但构建阶段会严格检查所有依赖的有效性,所以触发了这个错误。

修复方法

1. 确保vue-router依赖正常安装

Nuxt 3默认集成vue-router@4,但可能存在依赖损坏或缺失的情况,执行对应包管理器命令重新安装:

# npm 用户
npm install vue-router@4
# yarn 用户
yarn add vue-router@4

2. 清理缓存与依赖,重新构建

  • 删除项目根目录下的node_modules文件夹、package-lock.json(或yarn.lock)文件
  • 重新安装依赖:npm install(或yarn install)
  • 清理Nuxt缓存:
npx nuxi clean
  • 重新尝试构建:npm run build(或yarn build)

3. 兜底:配置Rollup外部化(仅前两步无效时使用)

如果依赖问题无法解决,可在nuxt.config.ts中显式将vue-router标记为外部依赖,让Rollup跳过解析:

export default defineNuxtConfig({
  build: {
    rollupOptions: {
      external: ['vue-router']
    }
  }
})

4. 升级Nuxt版本

你当前使用的Nuxt 3.5.2存在已知的依赖解析bug,升级到最新稳定版可大概率解决问题:

npm install nuxt@latest

内容的提问来源于stack exchange,提问作者Tobi360

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.19 00:05:01