vue3: Failed to resolve component: router-view

最新推荐文章于 2024-09-13 22:16:21 发布

lu_shang

最新推荐文章于 2024-09-13 22:16:21 发布

阅读量1.1w

点赞数 18

分类专栏： Vue 文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/weixin_42606371/article/details/120947368

版权

Vue 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

在 Vue3 应用中遇到组件 `router-view` 无法解析的问题，通常由于 `app.use(router)` 放置位置不正确导致。解决办法是确保在 `app.mount('#app')` 之前调用 `app.use(router)`。这样可以确保在应用挂载到 DOM 时，路由已经被正确设置和渲染。

摘要由CSDN通过智能技术生成

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、router-link等未被渲染

import { createApp } from 'vue'
import App from './App.vue'
import router from './router/index'
const app = createApp(App)
app.use(router)
//app.use(router) 需放在app.mount('#app')前面 
app.mount('#app')