Ошибка CoreUi Laravel + Vue - Я не могу интегрировать vue компонент - PullRequest
Новая
       29

Ошибка CoreUi Laravel + Vue - Я не могу интегрировать vue компонент

0 голосов
/ 10 января 2020

Я использую CoreUI Free Bootstrap Admin Template в Laravel (6.x). Vue являются интегрированными. 

  "dependencies": {
    "@coreui/coreui": "3.0.0-beta.3",
    "@coreui/coreui-chartjs": "2.0.0-beta.0",
    "@coreui/icons": "1.0.0-beta.3",
    "chart.js": "^2.8.0",
    "pace-progress": "1.0.2",
    "perfect-scrollbar": "1.4.0",
    "laravel-mix": "^5.0.0",
    "axios": "^0.19.0"
  },
  "devDependencies": {
    "cross-env": "^6.0.0",
    "resolve-url-loader": "^3.1.0",
    "sass": "^1.23.6",
    "sass-loader": "^8.0.0",
    "vue-template-compiler": "^2.6.10"
  },
  "engines": {
    "node": ">=8"
  },

по умолчанию, в coreUI есть один vue компонент. 

   <template>
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-8">
                <div class="card">
                    <div class="card-header">Example Component</div>

                    <div class="card-body">
                        I'm an example component.
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        mounted() {
            console.log('Component mounted.')
        }
    }
</script>

и по умолчанию это приложение. js архив 

require('./bootstrap');

window.Vue = require('vue');

Vue.component('example-component', require('./components/ExampleComponent.vue').default);

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

затем я пытаюсь сделать первый компонент vue в CoreUI с Laravel, например, 

@extends('dashboard.base')

@section('content')
    <example-component></example-component>
@endsection

До этого я делаю 

php artisan serve
npm run watch

Пример компонента не работает.

Кто-то знает ошибку? введите описание изображения здесь

...