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

  • 哪些占用土地的行为不征收耕地占用税?
  • 长期待摊费用对方科目
  • 凭证附件的粘法
  • 附加税申报减免性质代码下面的三个请选择用填吗
  • 劳务派遣员工工伤用工单位承担责任吗
  • 已抵扣发票冲红会计分录
  • 增值税一般纳税人税率是多少?
  • 加工费的计提工资账务处理
  • 凭证更正方法有哪些
  • 有形资产净值是指
  • 其他扣款税后应该怎么做账?
  • 公司投资股票有风险吗
  • 发放年终奖计提需要调减利润吗
  • 公司向个人借款利率最高多少
  • 无产权的建筑出售怎么办
  • 增值税开票系统收款人在哪里设置
  • 工资三金是指哪三样
  • 关于企业所得税若干优惠政策的通知
  • 扩大税收来源什么意思
  • 当期损益包括哪些费用
  • 增值税电子普通发票可以抵扣吗
  • 递延资产摊销属于什么科目
  • 网上报税申报成功之后该怎么操作
  • 股东房产用于公司经营的是否交房产税
  • 未达账项做完调节表后怎么处理?
  • 增值税纳税申报表在哪里打印
  • 注册公司需要注册资金吗
  • 网络适配器不见了win7.上不了网了
  • win10如何禁用administrator用户
  • 付给银行的手续费分录
  • 资产处置损益是什么科目
  • 金蝶固定资产减少怎么做
  • 360安全路由器怎么重启
  • 房地产企业土地增值税预缴
  • 费用扣除制度
  • 销货退回与折让属于什么科目
  • vue3怎么用
  • php 正则
  • 外商投资企业如何定性
  • 不锈钢广告牌制作价格
  • php访问数据库的方式
  • 用流程图的形式写出视觉的形成过程
  • 2023前端面试题目
  • 学前端的可以是什么专业的
  • 出口增值税免抵退税
  • 公司扣个税查不到怎么办
  • 哪些税是季报
  • 基本运算符号有乘方吗
  • phpcms怎么用
  • 金税盘已作废发票可以取消吗
  • 个税申报数据有误
  • 补贴收入税收政策
  • 财务报表没报会影响出口退税吗为什么
  • 账本更正方法
  • 政府补贴资金如何记账
  • 存贷款利率计算公式
  • 企业盘亏的设备会计分录
  • 信用减值损失科目代码6702
  • 固定资产的核算包括
  • 残保金是公司交还是员工交
  • 为什么营业成本属于费用
  • 集团管理费收入是否纳税
  • 月报怎么填
  • 如何整理装订记账凭证
  • win8.1安装应用商店
  • 使用http_load来给Linux系统的服务器做压力测试
  • 如何利用excel的数据制作图表
  • centos开机grub
  • win7系统使用ituns设置iphone铃声图文教程
  • win8安装wps
  • shell脚本数组的用法
  • 批处理 重命名
  • html5webview交互
  • 基于vue的ui框架
  • 用python做web
  • 有趣的单机游戏
  • JavaScript弹出窗口
  • 暖气费政府补贴
  • 青岛税务局网上办税厅app
  • 010是哪个市区的电话号码
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设