VUE3 添加router-link后报错，求助一下各位

学习vue3，使用<router-link to="/">首页</router-link>后就报错，希望大佬们帮忙解答一下，在网上已经找了一圈，没发现解决方案。谢谢vue-router.esm-bundler.js:2147 Uncaught TypeError: Cannot destructure property 'options' of 'inject(...)'

TROIS3san

3356人浏览 · 2022-04-17 15:36:05

TROIS3san · 2022-04-17 15:36:05 发布

学习vue3，使用<router-link to="/">首页</router-link>后就报错，希望大佬们帮忙解答一下，在网上已经找了一圈，没发现解决方案。谢谢

vue-router.esm-bundler.js:2147 Uncaught TypeError: Cannot destructure property 'options' of 'inject(...)' as it is undefined.
at setup (vue-router.esm-bundler.js:2147:17)
at callWithErrorHandling (runtime-core.esm-bundler.js:155:22)
at setupStatefulComponent (runtime-core.esm-bundler.js:7109:29)
at setupComponent (runtime-core.esm-bundler.js:7064:11)
at mountComponent (runtime-core.esm-bundler.js:4951:13)
at processComponent (runtime-core.esm-bundler.js:4926:17)
at patch (runtime-core.esm-bundler.js:4518:21)
at mountChildren (runtime-core.esm-bundler.js:4714:13)
at processFragment (runtime-core.esm-bundler.js:4885:13)
at patch (runtime-core.esm-bundler.js:4511:17)

目录结构：

路由：

App.vue

main.js

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}$/, //不连续的两位字母// /^