在Plesk上部署Nuxt应用时遭遇Vue版本不匹配问题求助

开发者阿泽

2026-8-7

解决Plesk上Nuxt应用的Vue版本不匹配问题

你遇到的是Vue核心包与vue-server-renderer版本冲突的问题——Nuxt 3依赖Vue 3，但当前环境中vue-server-renderer仍为Vue 2版本，导致兼容性报错。以下是具体解决步骤：

清理本地构建与依赖文件
删除项目根目录下的node_modules、package-lock.json（或yarn.lock）、.nuxt、.output文件夹，彻底清除旧依赖与构建产物。
重新安装依赖并构建
执行npm install（或yarn install）重新安装匹配版本的依赖，再运行npm run build（或yarn build）生成正确的生产构建产物.output。
修正Plesk部署路径配置
Nuxt 3的静态资源入口在.output/public目录下，需将Plesk的Document Root设置为/httpdocs/nuxt-app/.output/public；Application Root保持为/httpdocs/nuxt-app（即包含package.json的项目根目录），之前的路径配置错误会导致加载异常。
锁定依赖版本避免冲突
在package.json中明确指定vue和Nuxt核心依赖的版本，确保版本兼容。示例配置：
```
"dependencies": {
  "vue": "^3.2.45"
},
"devDependencies": {
  "nuxt": "^3.8.2"
}
```