来自vue.js的组件未加载在Laravel刀片中

Question

laravel 5.4项目安装了带有节点模块的vue js，但是在我运行npm运行npm运行手表

之后，没有显示组件

安装了npm，安装了vue.js在app.js，npm运行观看中添加了vue.js文件示例 - 无结果

刀片模板文件

  <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，则应使用.default附加require(...)，以使其成为require(...).default。Laravel Git中的示例
2. 确保您在组件中 export default。Laravel Git中的示例