位置: IT常识 - 正文

vue3 router配置有关parent报null 的错误问题(vue-router)

编辑:rootadmin
vue3 router配置有关parent报null 的错误问题

推荐整理分享vue3 router配置有关parent报null 的错误问题(vue-router),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:vue router怎么配置,vue router.js配置,vue-router,vue-router怎么配置路由,vue router.js配置,vue3 vue-router,vue3.0 router,vue3.0 router,内容如对您有帮助,希望把文章链接给更多的朋友!

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

vue3 router配置有关parent报null 的错误问题(vue-router)

有关的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代码:

import { createRouter, createWebHistory } from 'vue-router'import HomeView from '../views/HomeView.vue'const routes = [ { path: '/', name: 'home', component: HomeView }, { path: '/about', name: 'about', // route level code-splitting // this generates a separate chunk (about.[hash].js) for this route // which is lazy-loaded when the route is visited. component: () => import(/* webpackChunkName: "about" */ '../views/AboutView.vue') }]const router = createRouter({ history: createWebHistory(process.env.BASE_URL), routes})export default router

main.js 文件引入index.js 文件使用:

import { createApp } from 'vue'import App from './App.vue'import router from './router'createApp(App).use(router).mount('#app')

就是这样可以正常的运行,对于这种方式始终有点麻烦所以我就想要不直接在idea中先创建默认的vue3的项目再使用 vue add router  进行有关的router 插件的添加,结果可以!!现在我也没找出来问题到底出在什么地方,只能说有关插件之间的问题真的很莫名奇妙,希望大家对于自己在学习新的知识的过程中能够大胆尝试自己的猜想!! 

总结下  最终问题的解决就是:使用vue 创建默认的项目之后再使用vue add router的方式进行router 的添加这种的操作方式可以使得上述问题得解决

本文链接地址:https://www.jiuchutong.com/zhishi/290769.html 转载请保留说明!

上一篇:【已解决】VUE3+webpack >5报错问题

下一篇:vue3 组件TS 类型声明(vue中的组件有几类)

  • 坏账准备要写到明细账里面吗
  • 定期定额征收的个体户怎么报个人所得税
  • 软件产品即征即退备案资料
  • 已发货未收钱会计分录
  • 公司业务章需要报备吗
  • 亏损 纳税
  • 耕地占用税滞纳金是否能减免
  • 如何降低应用耗电
  • 捐赠支出税前扣除政策
  • 年中股东红利分录怎么写
  • 实收资本弥补亏损账务处理
  • 纳税人为ETC卡充值取得财政票据进项税额抵扣问题
  • 按季申报是什么意思
  • 总分机构类型怎么选
  • 新公司企业怎么注册
  • 纳税人拒绝代扣代缴,扣缴义务人应当
  • 外国企业代表处企业所得税
  • 给对方发短信显示imessage
  • 业务招待费进项税额转出表二
  • 应收账款挂账多年
  • 笔记本电脑保养与维护
  • vue3+ts写法
  • PHP:image_type_to_mime_type()的用法_GD库图像处理函数
  • 上市公司股东股份轮候冻结是什么意思
  • 外商投资企业法人独资属于内资还是外资
  • php自定义函数的语法格式
  • 企业购入设备涉及的税种
  • 外汇差额核销条件
  • 今天端午节是几月几号啊
  • 货物运输业增值税发票样本
  • 计算机视觉:一种现代方法
  • 销售折让销货方式有哪些
  • js数组entries
  • 什么是行政规费和税费
  • 教育局是一般纳税人吗
  • 产权转移书据是什么印花税
  • 辞退补偿金计算
  • 固定资产一次性扣除如何做账
  • 本期到期债务计算公式
  • 未分配利润做账
  • 经营租赁会计的核算原则
  • 个人写收据要写身份证号吗
  • 投资性房地产的后续计量
  • SqlServer 2005 T-SQL Query 学习笔记(1)
  • sqlserver数据库安装步骤
  • 增值税纳税申报类型有哪些
  • 烟叶税计算时价格怎么算
  • 简易计税指的是增值税吗
  • 补缴税款计入什么科目
  • 去年的管理费用多做了今年怎样调账
  • 固定资产一次性加速折旧
  • 资本金利润率正常范围
  • 备用金的支取流程图
  • 收到退回的企业所得税如何做账
  • 函证核对法是什么
  • 饭店的会计做账怎么做
  • 一般纳税人先确认收入吗
  • 原始凭证按来源分为
  • 会计账本是一年一本吗
  • mysql数据库的总结
  • window放大之后怎么缩小
  • ubuntu /opt
  • win7手动装系统步骤
  • win8创建系统映像
  • linux系统服务器怎么进入桌面
  • 教程:如何在Win10 PC上玩Pokémon Go游戏
  • win7如何整理磁盘
  • 怎么把系统从win10换成win7
  • linux命令git
  • linux tar -czvf
  • dw导入excel
  • js domcontentloaded
  • 游戏开发主要学什么
  • shell批量处理文件
  • 备份文件并上传到网盘
  • Unity for Absolute Beginners(三)
  • jquery ztree实现模糊搜索功能
  • 商业发票发票号怎么填写
  • 定期定额发票使用流程
  • 江西社保申报时间
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设