项目启动报错信息

INFO Starting development server... ERROR Error:

Vue packages version mismatch:

  • vue@2.6.14 (E:\company\jyyh\temp\hsa-osa-ui\node_modules\vue\dist\vue.runtime.common.js)
  • vue-template-compiler@2.7.16 (E:\company\jyyh\temp\hsa-osa-ui\node_modules\vue-template-compiler\package.json)

This may cause things to work incorrectly. Make sure to use the same version for both.
If you are using vue-loader@>=10.0, simply update vue-template-compiler.
If you are using vue-loader@<10.0 or vueify, re-installing vue-loader/vueify should bump vue-template-compiler to the latest.

在这里插入图片描述

问题分析

首先package.json文件中指定的vue版本为2.6.10,vue-template-compiler版本为2.6.10,使用的是华为npm仓库:https://repo.huaweicloud.com/repository/npm/
配置如下:

  "vue": "~2.6.10",
  "vue-template-compiler": "^2.6.10",

为什么npm拉取的版本不是2.6.10,是因为vue版本采用了-开头(拉取仓库最新2.0版),vue-template-compiler版本是^开头(拉取仓库中最新的版本)
package.json介绍 可见文章:文章地址

测试发现 华为仓库最新的vue版本是2.6.14,vue-tempate-compiler版本是2.7.16
方法:访问仓库中某个依赖版本
如vue(package-lcok.json):

    "vue": {
      "version": "2.6.14",
      "resolved": "https://repo.huaweicloud.com/repository/npm/vue/-/vue-2.6.14.tgz",
      "integrity": "sha512-x2284lgYvjOMj3Za7kqzRcUSxBboHqtgRE2zlos1qWaOye5yUmHn42LB1250NJBLRwEcdrB0JRwyPTEPhfQjiQ=="
    },

访问地址:https://repo.huaweicloud.com/repository/npm/vue
就可以获取到返回的所有版本信息,此时最新的vue2.0版本最新的版本为2.6.14,而vue-template-compiler最新版本为2.7.14
在这里插入图片描述
官方vue版本和vue-template-compiler版本如下
官方地址:https://www.npmjs.com/
vue-template-compiler最新版本为2.7.16
在这里插入图片描述
vue2.0版本最新为2.7.16 已经废弃了(所有2.0版本都已经废弃)在这里插入图片描述

解决办法

采用指定版本下载(去掉 package.json文件中-或^),就能下载指定版本。

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐