vue页面跳转问题 Failed to resolve component: router-view

最新推荐文章于 2024-06-14 13:59:05 发布
最新推荐文章于 2024-06-14 13:59:05 发布
阅读量3.2k 收藏 1
点赞数 6
文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_46462506/article/details/121672660
版权

最近学vue3可把我搞苦了，为了节省时间，自己直接0基础创建项目，发现要配置的东西一大堆，其中页面不跳转最为头疼。
当大家遇到这个问题时，说面大家离成功不远了。这个问题出在顺序问题上 不然加载时router-view未被渲染
这是错误前
在这里插入图片描述
这是修改后
在这里插入图片描述
改完以后，页面就能跳转了
在这里插入图片描述
不过跳转路径中间一定要加 #才能成功
在这里插入图片描述

吴同学‎
关注
  • 6
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Vue.js报错Failed to resolve filter问题的解决方法
10-22
主要介绍了Vue.js报错Failed to resolve filter问题的解决方法,需要的朋友可以参考下
vue3 Failed to resolve component router-view
m0_67393039的博客
03-06 1296
Failed to resolve component: router-view If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement vue3解析component: router-view失败 解决： //app.use(router) 需放在app.mount(’#app’)前面 不然加载时router-view、
vue3报错 Failed to resolve component router-view
曈欣的博客
09-07 3227
vue3报错 Failed to resolve component router-view 解决
Vue3项目Failed to resolve component: router-view
最新发布
LLin_123456的博客
06-14 240
在对应的路由配置文件中，看是否加了export default router，将router暴露出来即可。
vue-router踩坑：Failed to resolve component: router-view
fationopen的博客
05-20 2422
先抛出错误： 以下是配置文件： main.ts import { createApp } from 'vue' import App from './App.vue' import "tailwindcss/tailwind.css" import router from "./router/router" createApp(App).use(router); createApp(App).mount('#app'); router.ts import Vue from "vue"; import
Failed to resolve component: router-viewIf this is a native custom element, make sure to exclude it
2301_76868945的博客
01-22 746
main.js中app.use(router)放在了app.mount("#app")后面。vue3解析component: router-view失败。导致先挂载app实例，router-view渲染不了。更换两者位置后成功渲染组件。
报错 - Failed to resolve component: rotuer-view at ＜App＞
sunshime的博客
08-25 1272
  在创建vue3项目的时候报了 Failed to resolve component: rotuer-view at <App>的错误，发现是我写错了单词，将 router-view 写成了 rotuer-view。 一、报错情况 二、报错原因及解决 之所以报错是因为我写错了标签名，应该是router-view 而不是rotuer-view，所以只需要将rotuer-view改成router-view即可。 ...
解决vue更新路由router-view复用组件内容不刷新的问题
10-16
今天小编就为大家分享一篇解决vue更新路由router-view复用组件内容不刷新的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue-router 中router-view不能渲染的解决方法
12-08
在使用vue-router的时候跳了一个很大的坑，router-view不能渲染，花费了好多时间终于发现了原因。 项目目录结构 其中main.js import Vue from 'vue'; import App from './App'; import router from './router'; /*...
【无标题】Error：Failed to resolve component: router-view
guinue的博客
04-06 976
1.1配置路由：src / router / index.js。1.2入口文件引入路由。1.3路由占位即跳转。
vue3 Failed to resolve component: router-view
weixin_39114917的博客
10-24 1997
vue3路由配置运行报错
vue3: Failed to resolve component: router-view
热门推荐
weixin_42606371的博客
10-25 1万+
Failed to resolve component: router-view If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement vue3解析component: router-view失败 解决： //app.use(router) 需放在app.mount('#app')前面 不然加载时router..
vue3使用路由小坑（Failed to resolve component: router-view）
枫ゞ的博客
02-08 2222
出现问题： 在Vue3项目中使用路由时，如果app.mount("#app")的使用在app.use(router)前面时 会导致页面渲染不出，如下所示： import { createApp } from "vue"; import App from "./App.vue"; import router from "../src/router"; const app = createApp(App); app.mount("#app"); app.use(router); 解决办法： 必须
Failed to resolve component: router-view解决思路之一
qq_24015705的博客
06-24 367
太久没写代码了，新建了个项目遇到这个问题Failed to resolve component: router-view。一直卡在这，找了好多个帖子都不对，都显示不出来，把vue-router重装也不行。问题已经解决，开心！
Failed to resolve component: router-view
m0_53461006的博客
11-17 404
情况： 基于 vue3 + vite + vue-Router4.0 创建使用路由 <router-view /> 报错 解决： 在 mainjs 中调用router。。。
vue项目控制台显示vue-router无法连接，进行自动跳转问题解决
weixin_43821946的博客
02-18 772
解决Vue无法解析组件"router-view"问题
vue3＜view-router＞不显示东西｜浏览器警告 [Vue warn]: Failed to resolve component: router-view
weixin_46019681的博客
05-23 1096
大多数人的问题都是index.js里的routes或component写错。 而我，弄了一早上才发现是main.js文件里缺了这两句！
Failed to resolve component: router-view at ＜App＞
Jimyking的博客
08-05 785
在新建Vue3项目时，在App.vue文件中使用router-view会出现如下警告，并且页面不显示：
Bug 关于vue3无法解析router-view Failed to resolve component: router-view
technologist_20的博客
04-13 9130
const app = createApp(App); app.use(router); //app.use(router)这个必须在mount('#app')前面，不然会导致可能无法渲染 app.mount('#app');
failed to resolve component: router-view
06-28
这个错误提示是因为在使用Vue Router时，...需要在Vue实例中引入Vue Router，并在路由配置中使用router-view组件来显示对应的路由组件。如果还有问题，可以提供更多的代码和具体的错误信息，以便更好地帮助解决问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值