首页 > 其他分享 >解决小白安装vue-router后项目报错问题

解决小白安装vue-router后项目报错问题

时间:2022-08-14 15:52:29浏览次数:48  
标签:npm vue install 报错 版本 router 安装

本人也正在学习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

相关文章