как исправить неизвестный пользовательский элемент: - PullRequest
Новая
       6

как исправить неизвестный пользовательский элемент:

0 голосов
/ 14 апреля 2019

Я импортирую vue-route в мой app.js на моем веб-сайте laravel vue. К сожалению, есть ошибка. Можете ли вы направить меня спасибо

enter image description here

app.js 


require('./bootstrap');

window.Vue = require('vue');
import VueRouter from 'vue-router'
Vue.use(VueRouter)

let routes = [
    {path: '/', component: require('./components/Welcome.vue') }

]

const router = new VueRouter({
    mode: 'history',   
   routes
   })



const app = new Vue({
    el: '#app',
    router,
});

master.blade.php 

   <!-- Scripts -->
    <script src="{{ asset('js/app.js') }}" defer></script>

    <!-- Styles -->
    <link href="{{ asset('css/app.css') }}" rel="stylesheet">
<body>
    <div id="app">

        @yield('content')

    </div>
</body

welcome.blade.php 


@extends('layouts.master')

@section('content')

<router-view></router-view>
<vue-progress-bar> </vue-progress-bar>
@endsection

Результатом должно быть окно Welcome.vue.

Ответы [ 2 ]

1 голос
/ 15 апреля 2019

В соответствии с документацией , вам необходимо ввести параметр router, чтобы весь маршрутизатор приложения знал.

Так что у вас должно быть что-то вроде этого: 

const app = new Vue({
  router
}).$mount('#app')

Я думаю, что это дубликат этого .

0 голосов
/ 14 апреля 2019

Если вы используете более новую версию Vue.js, вы должны иметь .default до require('./components/Welcome.vue')

Таким образом, строка 5 будет выглядеть так 

    {path: '/', component: require('./components/Welcome.vue').default }

Переполнение стека: зачем нужен метод по умолчанию после require () в Vue?

...