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