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

  • oppo锁屏杂志怎么关闭(oppo锁屏杂志怎么看历史记录?)

    oppo锁屏杂志怎么关闭(oppo锁屏杂志怎么看历史记录?)

  • iPhoneX怎么关闭程序 iPhoneX新手势的使用方法(iphonex怎么关闭锁屏密码)

    iPhoneX怎么关闭程序 iPhoneX新手势的使用方法(iphonex怎么关闭锁屏密码)

  • 苹果13pro怎么改锁屏密码(苹果13pro怎么改铃声)

    苹果13pro怎么改锁屏密码(苹果13pro怎么改铃声)

  • 华为荣耀20保修期多久(华为荣耀20保修几年)

    华为荣耀20保修期多久(华为荣耀20保修几年)

  • 128和256内存手机到底差距在哪(128和256内存手机到底差距在哪13promax)

    128和256内存手机到底差距在哪(128和256内存手机到底差距在哪13promax)

  • beatsx右边不响

    beatsx右边不响

  • 微信怎么找回删除的小程序(微信怎么找回删了的人的聊天记录)

    微信怎么找回删除的小程序(微信怎么找回删了的人的聊天记录)

  • 电脑自检不过无法进入系统(电脑自检不过怎么办)

    电脑自检不过无法进入系统(电脑自检不过怎么办)

  • 手机qq下载文件在哪(手机qq下载文件安全扫描失败怎么办)

    手机qq下载文件在哪(手机qq下载文件安全扫描失败怎么办)

  • 美团拒单什么时候才能恢复(美团拒单什么时候退款)

    美团拒单什么时候才能恢复(美团拒单什么时候退款)

  • qq语音通话白色静音还是灰色静音(qq语音通话白色怎么设置)

    qq语音通话白色静音还是灰色静音(qq语音通话白色怎么设置)

  • 外星人是戴尔旗下的吗(外星人是戴尔的子公司吗)

    外星人是戴尔旗下的吗(外星人是戴尔的子公司吗)

  • 云计算的3种服务模式分别是(云计算的3种服务形式)

    云计算的3种服务模式分别是(云计算的3种服务形式)

  • 微信群名怎么设置可以不被改动(微信群名怎么设置不能改)

    微信群名怎么设置可以不被改动(微信群名怎么设置不能改)

  • 带耳机有电流声怎么办手机(带耳机有电流声音怎么回事)

    带耳机有电流声怎么办手机(带耳机有电流声音怎么回事)

  • oppo通讯录黑名单怎么拉出来(oppo通讯录黑名单怎么找)

    oppo通讯录黑名单怎么拉出来(oppo通讯录黑名单怎么找)

  • 运算器和控制器合称为(运算器和控制器属于计算机的)

    运算器和控制器合称为(运算器和控制器属于计算机的)

  • ps怎么去水印无痕迹(ps怎么去水印无痕迹快捷键)

    ps怎么去水印无痕迹(ps怎么去水印无痕迹快捷键)

  • 荣耀9xpro呼吸灯在哪(华为荣耀9呼吸灯在哪)

    荣耀9xpro呼吸灯在哪(华为荣耀9呼吸灯在哪)

  • 大麦网一证能买几张票(大麦网一票一证怎么买两张票)

    大麦网一证能买几张票(大麦网一票一证怎么买两张票)

  • 荣耀畅玩7x内存卡插哪(华为荣耀畅玩7x内存)

    荣耀畅玩7x内存卡插哪(华为荣耀畅玩7x内存)

  • 华为p30pro屏幕闪屏(华为p30pro屏幕闪屏怎么解决)

    华为p30pro屏幕闪屏(华为p30pro屏幕闪屏怎么解决)

  • iphone5能不能录屏幕(苹果5能录制屏幕吗)

    iphone5能不能录屏幕(苹果5能录制屏幕吗)

  • 苹果手机为什么设置了铃声来电话还是没有(苹果手机为什么充不上电)

    苹果手机为什么设置了铃声来电话还是没有(苹果手机为什么充不上电)

  • 微信录屏怎么弄(微信视频录屏怎么弄)

    微信录屏怎么弄(微信视频录屏怎么弄)

  • Linux系统中与中文显示相关的一些编码设置方法(和linux)

    Linux系统中与中文显示相关的一些编码设置方法(和linux)

  • 网线插上出现感叹号怎么办(网线插上还是显示红叉)

    网线插上出现感叹号怎么办(网线插上还是显示红叉)

  • sar命令  统计系统运行状态(sar参数设置4个数)

    sar命令 统计系统运行状态(sar参数设置4个数)

  • 2020年委托加工的税率是多少
  • 贴现怎么计算公式
  • 小规模纳税人税额怎么做分录
  • 小规模装饰工程税率
  • 养老险的基数
  • 借款利息支出全部可以税前扣除吗
  • 债券置换债务
  • 什么发票可以冲销
  • 企业所得税税收优惠政策
  • 分期付款外币采购形成的差异如何做会计处理?
  • 购买金蝶软件计入什么费用
  • 资产类低值易耗品
  • 房产过户的相关问题
  • 合伙企业的投资者李某以企业资金
  • 收到客户样衣定做款会计科目是什么?
  • 公司拖欠工资还要继续工作吗?
  • 公司活动宣传稿怎么写
  • 不含税单价怎么换成含税单价
  • 上月留抵的增值税在哪查询
  • microsoft edge怎么设置关闭所有网页
  • win11怎么回到10
  • 暂估人工成本分录怎么写
  • 商业支付时使用
  • 车间租金计入什么会计科目
  • 营改增之前的建筑业税率是多少
  • schost.exe - schost是什么进程 有什么用
  • 应交增值税的会计科目怎么做
  • 【安装 】
  • PHP:mcrypt_decrypt()的用法_Mcrypt函数
  • 房地产公司土地在资产负债表列入
  • php中用来创建目录的函数是
  • 兼职如何交税款
  • 应扣未扣应收未收税款是什么意思
  • 劳务派遣如何做绩效考核
  • 哪些房地产项目是国企
  • findfont: Font family [‘Times New Roman‘] not found. Falling back to DejaVu Sans.
  • 成品油发票当月冲红
  • 更改税种需要哪些资料
  • 坏账损失属于或有事项吗
  • 正则表达式在线生成器
  • vue3响应式对象数组
  • pwcorr_a命令
  • 补缴企业所得税的计算公式
  • 公司注册资金减资要交税吗
  • erphpdown插件安装教程
  • 新公司建账会计科目
  • 发票打印机如何安装在电脑上
  • 帝国cms8.0
  • 企业进出口贸易
  • 用于职工福利的固定资产折旧
  • 公司废料收入如何开票
  • 印花税该是如何征收的
  • 玉米收购厂
  • 补助是工资以外的吗
  • 股权转让的账务怎么处理 会计分录
  • 跨年的个人所得税可以更正吗
  • 未计提坏账准备的应收账款
  • 公司员工的电话费可以做费用吗
  • 本年利润的会计科目代码
  • 出口免抵退和免退有什么区别
  • 跨两年的发票可以冲红吗
  • 工程费用科目
  • 发票作废了还能恢复吗?
  • sql server自定义类型怎么写入备机
  • ubuntu 命令大全
  • windows取消隐藏文件夹
  • 自动批处理文件的名字是什么
  • 苹果发布会亮点速览
  • windows1020h2版本怎么样
  • nodejs readdir
  • unity projector
  • 深入浅出javascript
  • Android 使用的字体
  • 安卓开发viewpager的用法
  • linux 检查网络状态
  • jquery基础知识梳理
  • 谈谈我对秦始皇的看法
  • 在北京税前工资8000算多的吗
  • 个人所得税减免标准及明细
  • 2.4车船使用税
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设