使用router-view标签时报错：Uncaught TypeError: Cannot read property ‘XXX‘ of null

最新推荐文章于 2023-09-07 21:57:09 发布
最新推荐文章于 2023-09-07 21:57:09 发布
阅读量2k 收藏 3
点赞数 3
分类专栏： 错误集装箱 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sinat_41882906/article/details/122831418
版权

在使用vite2.0搭建vue3.2项目时，在安装使用路由时在app.vue文件中放入<router-view />标签时报的错误；

解决方法：

1.删除已安装的依赖包：node_modules

2.重新进行安装：cnpm i;

3.重新安装路由: cnpm i vue-router@4 -S;

4.重新运行问题得到解决；

AK_AT
关注
  • 3
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
vue3 - 报错Failed to resolve component: router-view If this is a native custom element, make sure to e
高级前端工程师
06-19 1806
vue3，router，路由，报错，警告，router-view，vue3报错警告Failed to resolve component: router-view，vue3警告报错If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.，解决方法，vue3如何解决，vue3控制台警告，改了main引入顺序还是不行，vue-
vue router-view报错解决
蓑笠翁
12-13 1762
Unknown custom element: 报错解决，解决router-view报错。
vue3项目中App.vue中＜router-view/＞报错The template root require....
qq_44787993的博客
06-30 1423
问题描述： 在创建新的vue3项目时，src目录下的 App.vue文件中的会自动报错The template root requires exactly one element. 原因分析： 这是Vetur认为这是一个Vue 2项目，因为它位于VS Code工作区中。 而Vue2只允许模板里存在一个根节点。 解决办法： 在<template>中添加一个<div>标签， 之后所有的组件全部加在<div>即可解决。 <template&...
【vue】router-view渲染空白，报错Failed to mount component: template or render function not defined
微笑丶1998的博客
07-23 1119
问题描述 router-view渲染空白，控制台报错Failed to mount component: template or render function not defined。并且使用了路由懒加载。 问题原因 路由懒加载错误，路由的component接受的是一个函数 问题解决 调整component参数即可 例： //直接用变量 const Foo = () => import('./Foo.vue') const router = new VueRouter({ routes: [
解决报错： ＜router-view＞ can no longer be used directly inside ＜transition＞ or ＜keep-alive＞.
m0_67430478的博客
07-17 3167
解决报错： can no longer be used directly inside or .
vue-router-view-transition:使用scrollBehavior正确地进行超时转换
03-10
vue-router-view-transition 与scrollBehavior兼容的路由器视图的过渡包装器 安装 npm install vue-router-view-transition # or yarn add vue-router-view-transition 用法 该库导出一个组件和一个函数。 您需要...
react-router-navigation：:sailboat:适用于React Native，React DOM和React Router的完整导航库
02-05
react-router-navigation提供了在带有导航器或选项卡视图的多个屏幕之间react-router-navigation工具。 该库基于react-router ， react-navigation和react-native-tab-view 。 :fire: 强调 只是一个附加组件 声明...
react-router-ext::atom_symbol:使用简单的扩展React路由器域
05-13
:atom_symbol: react-router-ext。 一个使用的 ，用于 。 只需传递道具并渲染所有组件页面即可。 使用子路线路线->路线->路线....->路线。 有包装器的选项。 目录 特性 学分 安装 纱 yarn add react-router-...
react-router-cache-route:使用类似React-Router的缓存进行路由在Vue
05-11
安装npm install react-router-cache-route --save# oryarn add react-router-cache-route用法用CacheRoute替换Route 用CacheSwitch替换Switch （因为Switch仅保留第一个匹配的状态路由，并卸载其他匹配状态的路由）...
react-router-i18n:建立在React Router之上的国际化库
04-28
yarn add react-router-i18n 请注意，此程序包具有以下对等依赖项： { " react " : " ^16.8.4 " , " react-dom " : " ^16.8.1 " , " react-router-dom " : " ^4.3.0 || ^5.0.0 " } （请参阅项目） 如何使用 ...
router-view渲染数据失败
weixin_50877185的博客
05-18 280
以下截图均为正确情况（可渲染出来）前两种情况均为网上其他答案，仔细对比过后并没有犯同样错误， 第一种情况 粗心单词拼写错误 注意routes component 第二种情况 结构错误 第三种情况 没有导出 相似的没有导入 ...
vue3报错 Failed to resolve component router-view
曈欣的博客
09-07 3464
vue3报错 Failed to resolve component router-view 解决
解决vue中报错 “TypeError: Cannot read properties of null (reading ‘forEach‘)“
热门推荐
Shids_的博客
07-12 3万+
解决vue中报错 “TypeError: Cannot read properties of null (reading ‘forEach‘)“
react中使用Ant Design中OnFilter显示index of 报错： Uncaught TypeError: Cannot read property ‘indexOf‘ of null
weixin_40571937的博客
05-13 886
问题：Uncaught TypeError: Cannot read property ‘indexOf‘ of null 。 解决办法： 默认语句： 修改为： onFilter: (value, record) => record.highest_city_id_name!= null && record.highest_city_id_name.indexOf(value) === 0, 增加一个非空判断。 ...
Uncaught TypeError:Cannot read property ‘apply‘ of undefined
ヾ凉秋的博客
05-31 971
报错信息： 前端页面显示，一直是读取中状态 报错原因： 这是执行了删除功能之后就变成这样了，本来是想做一个状态的效果，选中数据时，删除按钮才可用状态，在前端controller类里面调用了以下方法，忘记去写具体方法了，所以就出现了上面的问题 解决方法就是添加一个方法，去改变按钮的状态就运行成功了 ...
Uncaught TypeError: Cannot read property 'apply' of undefined
xiao___fang的博客
06-21 4237
在redux项目中使用axios异步请求的时候出在控制台出现一下错误： 先检查异步请求是需要的中间件 redux-thunk 是否安装其次检查代码是否出现以下的情况： 如果出现尝试把代码修改为一下步骤： 此方法仅供参考，如有不同的见解欢迎对此进行更改。 ...
JavaScript 中出现 Uncaught TypeError: Cannot read property 'XXX' of null的解决思路
lvhanghmm的博客
05-14 7563
JavaScript 中出现 Uncaught TypeError: Cannot read property 'XXX' of null的解决思路 我代码中的情况 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title&lt...
vue-router.mjs:2172 Uncaught TypeError: Cannot read properties of undefined (reading 'resolve')
最新发布
03-07
vue-router是Vue.js官方提供的路由管理器，用于实现前端路由功能。vue-router.mjs是vue-router的源代码文件，其中的2172行出现了一个错误：Uncaught TypeError: Cannot read properties of undefined (reading 'resolve')。 这个错误通常是由于在路由配置中使用了未定义的路由路径或组件导致的。可能的原因包括： 1. 未正确导入或注册相关的组件。 2. 在路由配置中使用了错误的路径。 3. 路由配置中的组件名称拼写错误或不存在。 为了解决这个问题，你可以检查以下几个方面： 1. 确保你已经正确导入并注册了所有相关的组件。 2. 检查路由配置中的路径是否正确，确保没有拼写错误或者使用了未定义的路径。 3. 检查路由配置中的组件名称是否正确，确保没有拼写错误或者使用了不存在的组件。 如果你能提供更多的代码或错误信息，我可以给出更具体的帮助。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值