[Vue 警告]:未知自定义元素:<router-view>- 您是否正确注册了组件? [英] [Vue warn]: Unknown custom element: <router-view> - did you register the component correctly?
问题描述
我在带有 webpack-simple 的 CLI 模式下使用 Vue 2.我有以下文件:
main.js:
从'vue'导入Vue从'./App.vue'导入应用程序从 'vue-router' 导入 VueRouter从'./routes'导入路由Vue.use('VueRouter');const 路由器 = 新的 VueRouter({路线:路线})新的 Vue({el: '#app',渲染:h =>h(应用程序),路由器:路由器，})App.vue:
<div><路由器视图></路由器视图></模板><脚本>从'./Loader.vue'导入加载器导出默认{名称:'应用'，}<style lang="scss"></风格>
routes.js:
从'./components/Game.vue'导入游戏；从'./components/Login.vue'导入登录；导出默认值 [{路径:'/'，组件:游戏，名称:游戏"}，{ 路径:'/登录'，组件:登录，名称:登录"}]Game.vue 和 Login.vue 看起来一样:
<div>游戏</模板><脚本>导出默认{name: '游戏',}<style lang="scss">div {边框:1px纯红色；宽度:100px；高度:100px}</风格>
不幸的是，启动文件给我一个错误:
<块引用>[Vue 警告]:未知的自定义元素:-您注册了吗组件正确吗?对于递归组件，请确保提供名称"选项.
路由器视图标签也没有更改为正确的 html.我第一次使用 vue 路由器.在 3.0.1 版本中通过 npm 安装
有什么建议吗?
您需要做到以下几点:
从'vue'导入Vue从 'vue-router' 导入 VueRouterVue.use(VueRouter)参考:https://router.vuejs.org/en/installation.html
new Vue({el: "#app",路由器:路由器，渲染:h =>h(应用程序)})希望能帮到你
I use Vue 2 in CLI mode with webpack-simple. I have following files:
main.js:
import Vue from 'vue'
import App from './App.vue'
import VueRouter from 'vue-router'
import Routes from './routes'
Vue.use('VueRouter');
const router = new VueRouter({
routes: Routes
})
new Vue({
el: '#app',
render: h => h(App),
router: router,
})
App.vue:
<template>
<div>
<router-view></router-view>
</div>
</template>
<script>
import Loader from './Loader.vue'
export default {
name: 'app',
}
</script>
<style lang="scss">
</style>
routes.js:
import Game from './components/Game.vue';
import Login from './components/Login.vue';
export default [
{ path: '/', component: Game, name: "Game" },
{ path: '/login', component: Login, name: "Login" }
]
Game.vue and Login.vue looks the same:
<template>
<div>
Game
</div>
</template>
<script>
export default {
name: 'game',
}
</script>
<style lang="scss">
div {
border: 1px solid red;
width: 100px;
height: 100px
}
</style>
unfortunately starting a file gives me an error:
[Vue warn]: Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the "name" option.
Also router-view tag is not changed to proper html. I use vue router for the first time. It' been installed via npm in version 3.0.1
Any advice?
You need to do the following:
import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
Ref: https://router.vuejs.org/en/installation.html
new Vue({
el: "#app",
router: router,
render: h => h(App)
})
Hope it will help you
这篇关于[Vue 警告]:未知自定义元素:<router-view>- 您是否正确注册了组件?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
