解决小白安装vue-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 vue@2.7.8 was installed
意思是最新版的vue-router需要和vue3匹配,现在安装的是vue2。
但由于新手不知道怎么指定版本安装,然后去找了教程,是在vue-router后加上@和版本号
npm install vue-router@3.1.3
这样安装后再启动项目又报找不到引入的vue-router,然后我在package.json的devDependencies属性中也没有找到vue-router。
突然想到这个命令后边没有 --save-dev,没有在下载之后直接将vue-router添加到devDependencies这个属性中,所以找不到。然后又加上了npm install vue-router@3.1.3 --save-dev运行了一遍,最后启动项目成功了。
但是还是没有解决当前vue版本是3但创建项目时还是2的问题,希望路过的大佬可以指点一下。
文档中有说的不对的地方希望大家指正。
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· DeepSeek “源神”启动!「GitHub 热点速览」
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· C# 集成 DeepSeek 模型实现 AI 私有化(本地部署与 API 调用教程)
· DeepSeek R1 简明指南:架构、训练、本地部署及硬件要求
· 2 本地部署DeepSeek模型构建本地知识库+联网搜索详细步骤