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

Vue.js中的组件未加载到Laravel刀片中,laravel,vue.js,npm,Laravel,Vue.js,Npm,已为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-co

已为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>
该组件应在页面刷新后加载,但不会加载。控制台中没有任何错误消息

如果您使用的是Webpack,您应该附加require。。。使用.default使其成为require…default。举例 确保导出组件中的默认值。举例
清理浏览器缓存,是否已在刀片文件中导入app.js文件?已清除浏览器缓存和视图缓存,仍未加载。如果我通过npm安装了app.js文件,我是否应该在blade中手动导入该文件?是的,您应该通过您的selfAdded.default在app.js中进行导入,但没有帮助。在示例组件中,我有导出默认函数。通常npm和vue安装足以从blade运行模板。
 import Vue from 'vue';

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



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

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

        }
  })