Компоненты из Vue.js не загружаются в блейд Laravel

Question

Установлен vue js с модулями узла для проекта laravel 5.4, но компоненты не отображаются после запуска npm run watch

Установлен npm, установлен vue.js, добавлен пример файла vue.js в app.js, npm run watch - безрезультатно

файл шаблона лезвия

  <div id="app">
      <h1>Test</h1>
      <h2>asda</h2>
      <example-component></example-component>
  </div>

App.js

 import Vue from 'vue';

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



    //Set toaster duration
    Vue.config.productionTip = false

    new Vue({
        el: '#app',
        components: {

        }
  })

Компонент должен быть загружен после обновления страницы, но это не так. Никаких сообщений об ошибках в консоли.

Answer 1

1. Если вы используете Webpack, вы должны добавить require(...) к .default, чтобы оно стало require(...).default. Пример в Laravel Git
2. Убедитесь, что вы export default в ваших компонентах. Пример в Laravel Git