位置: 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中的组件有几类)

  • 购销合同印花税最新政策2023
  • 个体工商户税种认定
  • 应收股利在资产负债表中填在哪里
  • 转出未交增值税是借方还是贷方
  • 财务报表提示未审计
  • 财务人士必知消防知识
  • 进项税当月申报怎么申报
  • 职工取暖费计入什么科目
  • 没收租赁保证金开什么内容的发票
  • 固定资产计提折旧的方法
  • 审计调整分录如何写
  • 虚开发票走账对方不返还如何处理?
  • 职工教育经费能抵扣进项税
  • 三证合一地税号查询
  • 9万以下免征增值税政策
  • 长期股权投资涉及或有对价的帐务处理
  • 企业牌照拍卖收入计入什么科目
  • 收回公司代垫职工款项怎么做凭证?
  • 公会经费开支范围
  • 进料进口
  • ie异常
  • 计提理财利息分录
  • win101709密钥
  • 系统之家一键重装系统步骤
  • linux用不了yum
  • 融资性租赁的优缺点
  • nkvmon.exe - nkvmon是什么进程 有什么用
  • 有限公司股权转让怎么办理流程
  • 增值税专用发票丢了怎么补救
  • vue 自适应网站ui框架
  • 7z命令行详解
  • 哪些服务可以开具经纪代理服务发票
  • 代扣代缴应付职工薪酬账务处理
  • 交易性金融资产包括哪些项目
  • 保教费收入要交企业所得税吗
  • 企业接受捐赠资产属于什么科目
  • sql server 2005安装在2016
  • uni appp
  • 赠品怎么做
  • 法人治理结构是指明确
  • 折现指标和非折现指标
  • 基本工资是包括哪些内容
  • 小规模纳税人每个月都要抄税清卡吗
  • 信用减值借贷方向增减
  • 预缴企业所得税计算公式
  • 高新技术企业收入总额
  • 政府补助如何会计核算
  • 长期应付款的会计编号
  • 年度所得税汇算清缴报告在哪打印
  • 票面利率大于市场利率,则发行价格一定( )面值
  • 研发费用凭证附件
  • 行政单位负债类科目包括
  • mysql安装不成功怎么办
  • CMD命令操作MSSQL2005数据库(命令整理)
  • windows7如何设置
  • win8旗舰版升级win10
  • windows自带邮件应用
  • win10系统设备管理器没有蓝牙
  • win8桌面图标变大了怎么调小
  • 戴尔笔记本自带win7系统盘重装系统
  • windows mobile
  • linux内核文件夹
  • 慎用小儿百部止咳糖浆
  • 微信小程序获取手机号失败
  • linux查看多线程
  • linux awk命令使用实例
  • dos打开usb端口
  • opengl渲染流程图
  • shell脚本 教程
  • js 竖线
  • [置顶]JM259194
  • javascript前端开发案例教程课后答案
  • Android自定义动画
  • Android开发中的几种管理机制的使用场景是什么
  • python三种类型
  • 实用js代码
  • windows中的linux
  • 1988年中华人民共和国印花税票五元
  • 缴款单号怎么交学费
  • 苏州社保代缴机构查询
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设