错误“Cannot read properties of undefined (reading ‘install‘) at Vue.use” 的解决方案

这篇具有很好参考价值的文章主要介绍了错误“Cannot read properties of undefined (reading ‘install‘) at Vue.use” 的解决方案。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

项目引入并使用 vue-router 后,浏览器的控制台报如下错误:

cannot read properties of undefined (reading 'install'),Error Logs,Front-end Blogs,vue.js,前端,javascript

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

        笔者项目是 vue2.7,安装 vue-router 时,直接运行了 npm install vue-router 命令,造成直接下载最新版 vue-router 4.1.6,而 4 以后的版本适用于 vue3.0 版本,用在 vue2.0+ 会报错。文章来源地址https://www.toymoban.com/news/detail-516580.html

解决方案: 在项目根目录下打开CMD,分别运行如下命令并重启项目即可:

npm uninstall vue-router
npm install --save vue-router@3

到了这里,关于错误“Cannot read properties of undefined (reading ‘install‘) at Vue.use” 的解决方案的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【微信小程序错误】TypeError: Cannot read property ‘setData‘ of undefined

    在使用微信小程序的时候,遇到了这么个问题。告诉你setData未找到! 代码段中,我们可以看到,直接使用了this,这里的this获取到的内容出现了问题。上段代码中我们可以看到此处的this获取到的是undefined。 只要将此处的undefind解决掉就可以。 这样就搞定了。将this提前获取到

    2024年02月10日
    浏览(69)
  • 解决异步传参时出现 “TypeError: Cannot read properties of undefined (reading‘xxx‘)“这一错误

    异步传参时会出现 “TypeError: Cannot read properties of undefined (reading‘xxx‘)“这一错误 例如:Cannot read properties of undefined (reading ‘id’) 出现该错误的原因是因为花括号中的某些属性未定义。很有可能是因为写错了属性名称 异步请求获取数据时,由于数据时异步获取的,所以一开

    2024年02月11日
    浏览(50)
  • 微信小程序报错:[渲染层错误] TypeError: Cannot read property ‘$$‘ of undefined

    渲染层出错,滑动图片组件无法显示,(swiper是轮播图插件, 因此错误应该出现在swiper组件的渲染中 )如图: wxml在使用swiper组件时,未接收到数据,因此页面也不会渲染此项数据。 到页面对应的js文件下,将对应数据传入data中(我要传入的数据是图片的url),如图所示:

    2024年02月11日
    浏览(54)
  • 微信小程序wx.chooseMedia的坑,含“TypeError: Cannot read property ‘cloudFile‘ of undefined”错误原因

    最近在学习微信小程序开发时,遇到以下几点特别特别容易犯错的地方,现在总结给大家 现在weixin官方已经停止维护wx.choose.Image组件了,现在一般都是使用的wx.choose.Media这个API接口,而这个API回调的文件临时路径的地址也发生的变化,现在如果想要打印出地址,可以使用如下

    2024年02月17日
    浏览(43)
  • Vue中data没有写return报Cannot read property ‘__ob__‘ of undefined错误

            最近需到一个在开发中很常见错误,原因是自己开发时没仔细检查代码,删除数据时把data中return一并删除了,导致路由跳转点击无反应。data函数在Vue中是一个特殊的方法,用于定义组件的本地状态。经翻阅相关文档,了解到它必须返回一个对象,该对象包含在组件

    2024年02月14日
    浏览(39)
  • Cannot read properties of undefined (reading ‘validate‘)“

         不排除this.$refs[value].validate()=(),有时候不会报错 template div el-form ref=\\\"value\\\" :model=\\\"getAppForm\\\" label-width=\\\"120px\\\" style=\\\"text-align:left\\\" :rules=\\\"rules\\\" /el-form1 /div /template script data(){}, methids:{  makeSure() {             this.$refs.value.validate((valid)={                 if(valid){             })  

    2024年02月02日
    浏览(50)
  • Cannot read properties of undefined (reading ‘sendTransaction‘)

    这个是因为没有引入 和初始化  web3 对象。 原来的代码: 现在初始化 web3 然后执行,后发现 Web3 is not defined 错误, 现在只要引入 web3.js 文件即可。

    2024年02月04日
    浏览(57)
  • Cannot read properties of undefined (reading ‘key‘)

    如标题所示错误,直译是key为undefined。本次是因为使用了element-ui中的el-table组件所以并不是key为undefined,而是后台返回的key有重复。 当key重复就会出现页面卡死的现象,渲染就会失败。 key在使用时我们要注意: 1.在渲染时该识别为不同时,识别为相同 2.在渲染时该识别为相

    2024年02月03日
    浏览(37)
  • 【解决】el-tree报Cannot read property ‘getCheckedKeys‘ of undefined Cannot read property 'getCheckedKeys' of undefined

    如果你报错 或者  只要在你的在el-tree上加个这个,就可以了   ref=\\\"tree\\\"  

    2024年02月14日
    浏览(84)
  • 解决Cannot read properties of undefined (reading ‘resetFields‘)

    第一天做项目中遇到了这一个问题关于resetField重置校验报错的问题,   然后去网上查找问题的原因,但是找到问题的原因是: mouted加载table数据以后,隐藏的 Dialog 并没有编译渲染进 dom 里面。所以当通过点击事件,Dialog 弹出的时候,$refs 并没有获取到 dom 元素导致 ‘reset

    2023年04月23日
    浏览(80)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包