[Vue warn]: неизвестный пользовательский элемент:- правильно ли вы зарегистрировали компонент? - PullRequest
Новая
       8

[Vue warn]: неизвестный пользовательский элемент:- правильно ли вы зарегистрировали компонент?

0 голосов
/ 20 мая 2018

Я использую Vue 2 в режиме CLI с webpack-simple.У меня есть следующие файлы:

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>

rout.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 и Login.vue выглядят одинаково: 

<template>
    <div>
        Game
    </div>
</template>

<script>



export default {
  name: 'game',
}
</script>

<style lang="scss">
    div {
        border: 1px solid red;
        width: 100px;
        height: 100px
    }
</style>

, к сожалению, запуск файла вызывает ошибку:

[Vue warn]: неизвестный пользовательский элемент: - выправильно зарегистрировать компонент?Для рекурсивных компонентов обязательно укажите опцию «name».

Кроме того, тег router-view не изменяется на правильный html.Я использую Vue Router в первый раз.Он был установлен через npm в версии 3.0.1

Любой совет?

Ответы [ 2 ]

0 голосов
/ 21 июня 2018

Вам нужно сделать следующее: 

import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

Ссылка: https://router.vuejs.org/en/installation.html

new Vue({
    el: "#app",
    router: router,
    render: h => h(App)
})

Надеюсь, это поможет вам

0 голосов
/ 21 мая 2018

Я не знаю, связано ли это с вашей проблемой или нет, но вы должны использовать переменную VueRouter "Vue.use (VueRouter)", а не строку "Vue.use ('VueRouter')";

...