vue2安装vue-router失败

最新推荐文章于 2024-01-24 16:51:05 发布
最新推荐文章于 2024-01-24 16:51:05 发布
阅读量511 收藏 1
点赞数 1
分类专栏： vue.js 文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Lynn_yu/article/details/128847329
版权
在使用vuecli创建基于vue2的项目时，遇到vue-router安装失败的问题，原因是直接安装的vue-router版本与vue2不兼容。解决方案是通过npm安装特定的兼容版本vue-router@3.5.2，这样可以成功运行项目。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

vue2兼容的vue-router版本

今天在使用vuecli 创建 vue2项目的时候，需要使用vue-touter，

发现直接使用npm i vue-router 安装不上，报错提示。

后来上网查询了下，发现是版本问题。

解决办法

直接npm i vue-router 是下载最新版，最新版不兼容vue2。

所以我们要下载兼容版本 npm i vue-router@3.5.2

测试发现，运行成功！

解决使用vue.js路由后失效的问题
11-29
新学了vue.js中的路由 在之前写的vue的demo上加上了简单的路由例子(来自vue-router 2),但是加上点击后只有地址栏变化,内容并不变.且之前用jquery写的一些效果也失效了.最后找到原因是因为同一个id被启动了两次(第一次是之前使用vue组件时启动的,另外一个是路由时启动的) 附上部分代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <!-- 引入样式 --> <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-defau
vue-router-sitemap-通过vue-router配置生成sitemap.xml-Vue.js开发
05-27
vue-router-sitemap通过vue-router配置安装npm i --save vue-router-sitemap示例用法// router.js import VueRout vue-router-sitemap通过vue-router配置生成sitemap.xml安装npm我-保存vue-router-sitemap示例用法//...
解决Vue 2.0 安装 vue-router 不成功问题
weixin_43120290的博客
05-17 959
报错信息： vue 解决办法： 这是因为 npm i vue-router 默认下载的是 vue3.0 版本对应的， 这里需要指定下载版本 npm i vue-router@3.2.0
vue-router安装失败
qq_62449212的博客
02-18 4889
安装vue-router时出现的错误及解决方法
vue2安装vue-router时报错
qq_40462931的博客
03-07 1196
在安装的过程中报错，报错内容如下： 后面百度，报错原因是版本兼容问题，说是npm版本问题，最新版本对下在要求比较严格。 解决方法： 根据错误提示，在命令行中加入–legacy-peer-deps，同时标明具体安装的版本号，不然安装的就是最新版本。 npm install --legacy-peer-deps vue-router@3.5.2 安装成功后在package.json文件中可查看是否安装成功。 问题就解决了。 ...
vue2 vue-router a标签在IE下不跳转，跳转失效
lllo3o的博客
04-13 5831
问题：    使用vue-router 在IE下 a标签里的路由不跳转，火狐，chrome工作正常。解决：    在App.vue 里增加判断IE浏览器手动修复……export default { name: 'App', mounted(){ function checkIE(){ return '-ms-scroll-limit' in document.docum...
vue-router-invoke-webpack-plugin:根据文件目录自动生成vue-router的路由
05-14
typescript 重写了新版本，同时支持vue2.x和vue3.x 根据文件目录自动生成vue-router的路由。 安装 npm npm install vue - router - invoke - webpack - plugin - D cnpm cnpm install vue - router - invoke - ...
vue-router-nav-呈现vue-router路由的简约响应式导航栏。-Vue.js开发
05-27
vue-router-nav呈现vue-router路由的简约响应式导航栏。 观看演示。 依赖关系您需要拥有vue-router insta vue-...安装npm install vue-router-nav --save用法从'vue-router-nav'Vue.use（RouterNav）导入RouterNav
vue-router 中router-view不能渲染的解决方法
12-08
在使用vue-router的时候跳了一个很大的坑，router-view不能渲染，花费了好多时间终于发现了原因。 项目目录结构 其中main.js import Vue from 'vue'; import App from './App'; import router from './router'; /*...
vue2: vue-router@3.6.3 报错 Uncaught (in promise) NavigationDuplicated
LlanyW的专栏
12-16 3080
声明式导航是没有这种问题的，这是因为 vue-router 底层已经处理好了。而编程式导航连续点击进行路由跳转的时候，就会在控制台抛出 Uncaught (in promise) NavigationDuplicated 错误信息，错误信息如下：这是因为版本升级到了 v3.1.0 之后，push 和 replace 方法会返回一个 promise，如果没有对错误进行捕获，那么控制台就会输出未捕获异常。
安装vue-router及报错问题
io_123io_123的博客
09-25 2534
vue项目安装vue-router及报错“Cannot read properties of undefined (reading ‘install‘) at Vue.use” 问题
vu脚手架下载不了vue路由的解决方案
zhuyuan123456的博客
07-31 353
也就是下载指定的版本，不要用最新的版本，最新的命令。降低vue-router的版本。
vue2x “vue-router“: “^3.0.1“,报错Redirected when going from “/**“ to “/**“ via a navigation guard
泪一颗独秀的博客
03-04 958
Redirected when going from "/**" to "/**" via a navigation guard. 原因：重复的重定向引起vue-router报错。。。vue-router replace跳转时引发的错误 解决方法：在配置路由页面做如下调整，亲测有效 //push 2022/3/4 const originalPush = Router.prototype.push Router.prototype.push = function push (locatio.
配置vue-router报错
m0_74062962的博客
12-21 162
配置vue-router报错
学习vue2时， 安装 vue-router@3 异常
a799645820的博客
11-18 388
vue2 安装 vue-router@3 问题
vue - router安装失败,更换镜像重新安装
2301_77767713的博客
01-24 714
router安装失败,报错 request to https://registry.npm.taobao.org/vue-router failed, reason: certificate has expired.
vue2 vue-route兼容问题
YingUser的博客
02-25 1878
这个是配置好页面路由后跑不起来，就会报错，原因是 vue-router 的兼容性问题 当时下载脚手架的时候，vue2版本，而现在 vue-router版本是4.0了，不兼容vue2，可能会兼容vue3，所以需要下载稳定版本 vue-router@3.5.2 ...
vue2如何安装vue-router
最新发布
01-26
### 安装 Vue Router 为了在 Vue 2 项目中集成 `vue-router`，需执行如下操作： #### 使用 npm 或 yarn 安装依赖包 通过命令行工具运行以下指令来安装 `vue-router` 库作为项目的开发依赖项[^1]。 ```bash npm install vue-router ``` 或者如果更倾向于使用 Yarn，则可以输入: ```bash yarn add vue-router ``` #### 配置 main.js 文件 完成上述步骤之后，在 `src/main.js` 中导入必要的模块，并初始化一个新的路由器实例。这一步骤确保了整个应用程序都能访问路由配置[^2]。 ```javascript import Vue from 'vue' import App from './App.vue' // 导入刚刚安装好的vue-router库 import VueRouter from 'vue-router' Vue.use(VueRouter) const routes = [ { path: '/', name: 'Home', component: () => import('./components/Home') }, { path: '/about', name: 'About', component: () => import('./components/About') } ] const router = new VueRouter({ mode: 'history', base: process.env.BASE_URL, routes }) new Vue({ render: h => h(App), router, // 将创建的router对象传递给根实例 }).$mount('#app') ``` 以上代码片段展示了如何定义简单的路径映射以及设置历史模式下的基础 URL 和注册组件的方式[^3]。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值