Vue.js中的组件未加载到Laravel刀片中

Question

为laravel 5.4项目安装了带有节点模块的vue js，但是在我运行npm run watch之后不显示组件

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

刀片模板文件

  <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中的示例