vue-router出现的错误

已于 2023-11-15 11:12:55 修改
阅读量800 收藏 2
点赞数 1
分类专栏： SpringBoot+Vue 文章标签： 前端 javascript 开发语言 vue.js
于 2023-11-15 10:53:12 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiaowu_02/article/details/134415178
版权
文章讲述了在Vue项目中遇到的两个常见错误：路由版本不匹配导致的Cannotreadpropertiesofundefined(readinginstall)，以及将components误写为component。提供了针对这些问题的修复方法，包括更新vue-router到3.6.5版本并确保与Vue3.x的兼容性。
摘要由CSDN通过智能技术生成

1、路由版本错误

Cannot read properties of undefined (reading ‘install‘)

错误原因：vue 版本和 vue-router 版本不匹配

vue-router4.x之后的版本适合Vue3

 npm uninstall vue-router
 npm install --save vue-router@3.6.5 // vue2适合3.x版本

 

2、Cannot read properties of undefined (reading ‘_self‘)

routes中的是component，而不是compoents

xiaowu_02
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
【Vue Router】问题集锦
Beam
11-30 888
问题一、重复点击报错 连续点击同一个路由，第二次点击时报错NavigationDuplicated。如图所示： vue-router引入的地方加上如下代码段即可 import VueRouter from 'vue-router' // 解决重复点击菜单导航报错：NavigationDuplicated 的问题 const originalPush = VueRouter.prototype.push VueRouter.prototype.push = function push (location,
router 报错
qq_27009517的博客
09-27 918
Uncaught TypeError: Cannot use 'in' operator to search for 'path' in undefined at resolve (vue-router.esm-bundler.js:2850) at pushWithRedirect (vue-router.esm-bundler.js:2965) at push (vue-router.esm-bundler.js:2931) at Object.install (vue-...
Vue-router 报错NavigationDuplicated的解决方法
10-15
主要介绍了Vue-router 报错NavigationDuplicated的解决方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
vue-router安装报错
qq_45310087的博客
02-09 578
出现此问题的原因是：vue-router的版本太高了，应安装低版本。在搭建vue cli时，使用命令安装router插件出现以下问题。
Cannot read properties of undefined (reading ‘install‘) 报错页面空白处理方法
最新发布
qq_33653886的博客
08-02 210
报错原因：vue版本 和 vue-router版本不匹配。在package.json文件中查看vue版本是2.6， 安装vue-router 的时候直接 运行了 npm install vue-router -S 直接下载了最新版的vue-router@4.2.7，而vue-router 4 以后的版本只适合 vue3，用在vue2.0+会报错。搭建新的vue项目的时候安装vue-router后浏览器后台报错。建新的vue项目的时候安装vue-router后浏览器后台报错。
vue-router安装错误
m0_46318298的博客
03-06 1529
vue-router的安装报错问题
安装vue-router及报错问题
io_123io_123的博客
09-25 1993
vue项目安装vue-router及报错“Cannot read properties of undefined (reading ‘install‘) at Vue.use” 问题
vue-router安装失败
m0_60913945的博客
02-19 370
出现此问题原因是： vue-router 安装的版本太高了，应安装低版本，然后再次执行命令： npm i vue-router@3.5.3。
vue-router 中 meta的用法详解
01-21
在使用Vue.js框架开发单页面应用（SPA）时，经常会利用vue-router插件来管理页面的路由。在vue-router中，meta字段是路由对象的一个属性，用于添加自定义信息，比如权限控制、页面标题等。下面将详细介绍meta的用法...
vue3.x+vite+ts+vue-router@4.x 路由使用demo
07-24
3. **TypeScript 集成**：Vue3.x 支持 TypeScript，可以在定义组件时声明类型，提供编译时的错误检查。Vue Router 的配置也可以用 TypeScript 进行类型检查，增强代码的可读性和可靠性。 4. **Vue Router 4.x**：...
微信小程序开发附源码：vue-router history模式下的微信分享小结.doc
05-18
微信小程序开发附源码：vue-router history模式下的微信分享小结
基于Vue+Vue-Router+Vuex+Element-ui+axios，高仿小米商城，实现的电商项目
06-15
基于Vue+Vue-Router+Vuex+Element-ui+axios，高仿小米商城，实现的电商项目。本项目前后端分离，前端基于Vue+Vue-router+Vuex+Element-ui+Axios，参考小米商城实现。后端基于Node.js(Koa框架)+Mysql实现。前端包含了...
vue - router安装失败,更换镜像重新安装
2301_77767713的博客
01-24 624
router安装失败,报错 request to https://registry.npm.taobao.org/vue-router failed, reason: certificate has expired.
vue-router路由跳转报错
weixin_45253572的博客
03-25 811
vue-router使用报错手册： ①:多次点击路由进行路由跳转时，页面控制器会报错 解决方案：在main.js文件下添加如下代码即可 import Router from ‘vue-router’ const routerPush = Router.prototype.push Router.prototype.push = function push(location) { return r...
vue2安装vue-router
weixin_43786395的博客
02-16 9832
项目场景： 在vue2中安装vue-router 问题描述： 提示：在安装过程中报错，缺少依赖： PS D:\WebDeplpyer\workspace\Vue_Basic\vue_test> npm i vue-router npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: vue_test@0.1.0 npm ERR! Foun
安装vue-router报错
qq_44427343的博客
06-03 245
全局安装cnpm的命令。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值