vue3 router配置有关parent报null 的错误问题

最新推荐文章于 2024-05-31 17:40:50 发布

lishishi521

最新推荐文章于 2024-05-31 17:40:50 发布

阅读量4.7k

点赞数

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/lishishi521/article/details/127695655

版权

在学习Vue3路由时遇到一个错误：Uncaught TypeError: Cannot read properties of null (reading 'parent')。检查router.js代码并请教他人未找到问题所在。最后通过使用全局vue-cli创建项目，随后手动添加router插件成功解决问题，而不是在创建项目时直接选择带router的模板。总结：创建默认Vue3项目后再添加router插件可避免此问题。

摘要由CSDN通过智能技术生成

今天刚解决了npm install 的问题和 vue create 构建项目的时候的问题，之后就步入正轨学习有关的路由，无奈在使用vue create 成功构建项目后使用的使用的vue-router 又报了新的问题：Uncaught TypeError: Cannot read properties of null (reading 'parent')

有关的router的js文件的书写我检查了好几遍，请教了老师就是不知道问题出现在哪里？会使得这种问题的出现，有关我的router.js 写的代码如下:

import {createApp} from 'vue'
import App from './App.vue'
import {createRouter, createWebHashHistory} from 'vue-router';


const  routes= [
    {
        path: '/',
        name: 'HelloWorld',
        component: ()=>import(/* webpackChunkName: "Page1" */'./Page1.vue'),

    }
]
const router = createRouter({
    history: createWebHashHistory(),
    //用哈希模式
    routes:  routes
});

createApp(App).use(router).mount('#app')

无奈只能用了最笨的解决方法直接使用的powerShell使用了全局的vue-cli 进行有关的项目创建没有选用在创建项目的时候就勾选router 的插件之后直接使用的vue add router 进行router的项目创建，有关生成的router 的js代码：