首页 前端知识 npm run dev报错:vue版本和vue-template-compiler版本不一致,导致无法启动

npm run dev报错:vue版本和vue-template-compiler版本不一致,导致无法启动

2024-04-21 10:04:56 前端知识 前端哥 286 406 我要收藏

项目启动报错信息

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文件中-或^),就能下载指定版本。

转载请注明出处或者链接地址:https://www.qianduange.cn//article/5608.html
标签
评论
发布的文章

CSS(8)空间转换 动画

2024-04-29 12:04:29

CSS介绍(4)--背景属性

2024-04-29 12:04:26

Web学习记录---CSS(1)

2024-04-29 12:04:17

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!