Vue报错[Vue warn]: Unknown custom element: router-view
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
·
配置如下:
App.vue:
<template>
<div id="app">
<router-view />
</div>
</template>
main.js:
import Vue from 'vue'
import App from './App.vue'
import router from './router.js'
Vue.config.productionTip = false
new Vue({
router,
render: h => h(App),
}).$mount('#app')
router.js:
import Router from 'vue-router'
export default new Router({
mode: 'history',
routes: [
//下载页
{
path: '/aa',
name: 'HelloWorld',
component: () =>
import(/* webpackChunkName: "download" */ './components/HelloWorld.vue')
}
]
})
错误内容:
[Vue warn]: Unknown custom element: <router-view> - did you register the component correctly? For recursive components, make sure to provide the "name" option.
found in
---> <App> at src/App.vue
问题原因:
vue-router没有引入
问题解决:修改router.js
import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router)
export default new Router({
mode: 'history',
routes: [
//下载页
{
path: '/aa',
name: 'HelloWorld',
component: () =>
import(/* webpackChunkName: "download" */ './components/HelloWorld.vue')
}
]
})
问题解决。
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:4 个月前 )
c345bb45
1 年前
a07f3a59
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update table.md
* Update transition.md
* Update popover.md 1 年前
AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。
更多推荐


所有评论(0)