构建Capacitor版Ionic Vue项目时提示vue-loader不在npm registry报错

根因说明 #

报错的核心原因是依赖版本不匹配：你使用的是Vue 3.x版本，但项目中手动安装了仅兼容Vue 2的vue-loader@15.x，同时@vue/cli-service的beta测试版本存在依赖解析缺陷，会请求npm上不存在的@vue/vue-loader-v15包，最终触发404错误。

修复步骤 #

• 移除dependencies中错误声明的vue-loader依赖，Vue3对应的vue-loader已由@vue/cli-service内置管理，无需手动安装：

npm uninstall vue-loader

• 升级@vue/cli-service到5.0.x分支的最新稳定版，规避beta版本的依赖解析bug：

npm install @vue/cli-service@~5.0.8 --save-dev

• 清理缓存并全量重装依赖：

npm cache clean --force
rm -rf node_modules package-lock.json
npm install

• 重新执行打包命令验证：

ionic capacitor build android --prod

备选方案 #

如果执行上述步骤后仍出现相同报错，可在package.json中添加强制依赖覆盖配置，指定Vue3适配的vue-loader版本：

{
  "overrides": {
    "@vue/cli-service": {
      "vue-loader": "^17.2.0"
    }
  }
}

添加配置后重新执行npm install即可生效。

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