本人也正在学习Vue,记录一下学习过程中的问题
今天用 npm install vue-router --save-dev 命令安装vue-router,安装后启动项目报
然后就开始搜大家的解决办法,说是可能vue版本和vue-router版本不一致的原因,然后我就去升级到最新的vue,
npm install -g @vue/cli
然后用vue init webpack 创建项目,发现新版的vue还得再手动添加init命令,npm i -g @vue/cli-init
然后又创建了一个新的项目,又去安装了vue-router,但还是报那个错。
我打开package.json文件发现它依赖的vue还是2,
于是就发现了这个奇怪的问题,我之前已经把vue2卸载了换成了vue3,这是现在的版本:
但是用vue init webpack 创建项目后package.json中的vue版本还是2
于是我就手动把这个版本改成了现在的版本:
然后再去启动项目,结果又报了新的问题:
看这意思是说找不到vue依赖,看来手改那个版本行不通。于是妥协了。去降低vue-router的版本
npm install vue-router --save-dev 安装不成功,我就把npm换成了cnpm
运行之后报了 vue-router@latest requires a peer of vue@^3.2.0 but [email protected] was installed
意思是最新版的vue-router需要和vue3匹配,现在安装的是vue2。
但由于新手不知道怎么指定版本安装,然后去找了教程,是在vue-router后加上@和版本号
npm install [email protected]
这样安装后再启动项目又报找不到引入的vue-router,然后我在package.json的devDependencies属性中也没有找到vue-router。
突然想到这个命令后边没有 --save-dev,没有在下载之后直接将vue-router添加到devDependencies这个属性中,所以找不到。然后又加上了npm install [email protected] --save-dev运行了一遍,最后启动项目成功了。
但是还是没有解决当前vue版本是3但创建项目时还是2的问题,希望路过的大佬可以指点一下。
文档中有说的不对的地方希望大家指正。
标签:npm,vue,install,报错,版本,router,安装 From: https://www.cnblogs.com/ccx-lly/p/16585512.html