vue-router使用出现Uncaught TypeError:Cannot read property ‘use‘ of undefined

问题Uncaught TypeError:Cannot read property 'use' of undefined //vue.use()没有定义Uncaught TypeError:vue_router__WEBPACK_IMPORTED_MODULE_6__.default is not a constructor// 说vue-router默认的不是构造器然后我检查了一下终端输出的内容

csy0524

3080人浏览 · 2021-04-26 10:28:04

csy0524 · 2021-04-26 10:28:04 发布

问题

Uncaught TypeError:Cannot read property 'use' of undefined //vue.use()没有定义
Uncaught TypeError:vue_router__WEBPACK_IMPORTED_MODULE_6__.default is not a constructor  // 说vue-router默认的不是构造器

然后我检查了一下终端输出的内容，好家伙，说我导入的模块没有找到

"export 'default'(imported as 'Vue') was not found in 'vue'
"export 'default'(imported as 'VueRouter') was not found in 'vue-router'

在我搜索浏览很多csdn之后，发现好像没人碰到这个问题，耗费了一个多小时，**然后我去看了Vue 3x 文档发现在声明一个Vue实例使用的不再是new Vue()了，而是createApp()。**是的，然后我发现我在vue3x里面用了new Vue()，所以出错是理所当然的。我也终于明白为啥没人碰到这个问题了，应该没有人会向我一样去改脚手架自动生成的模板吧…
在这里插入图片描述
这是Vue 2x的main.js

在这里插入图片描述
这Vue 3x 的main.js

所以之后，我又重新创建了一个文件

在这里插入图片描述

所以，如果自己很想用new Vue()的话，就使用vue 2x

如果想了解new Vue() 和 createApp()的区别的话，指路：new Vue() vs createApp()

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^