在 laravel 应用程序中无法使用 Laravel + Vuejs答案

【问题标题】：Not working Laravel + Vuejs in laravel app在 laravel 应用程序中无法使用 Laravel + Vuejs
【发布时间】：2019-05-02 13:18:18
【问题描述】：

使用 Laravel 5.7 和 Vue Js。这是 app.js

let Myheader = require('./components/Myheader.vue');
let Myfooter = require('./components/Myfooter.vue');

const app = new Vue({
    el: '#app',
    components:{Myheader,Myfooter}
});

blade.php file

<body>
<div id="app">
<Myheader></Myheader>
<Myfooter></Myfooter>
</div>
<script src="{{ asset('js/app.js')}}"></script>  
</body>

但是当我运行 artisan serve 命令时，它没有显示 vue 组件。如何解决这个问题？

【问题讨论】：

您无法使用artisan serve 构建 Vue 文件。试试npm run watch 或npm run dev。请确定，您已经安装了npm。顺便说一下，检查你的控制台输出，那里应该有一些错误:)
是的，我也运行了npm run watch，但这里出现错误
控制台输出是这个[Vue warn]: Failed to mount component: template or render function not defined. found in ---> <Myfooter> <Root>

标签： php laravel vue.js

【解决方案1】：

如果您使用 Laravel Mix 4.0+，请尝试将 .default 添加到您的要求中。当你使用 CommonJS 导入模块时，这是需要的。

let Myheader = require('./components/Myheader.vue').default; 
let Myfooter = require('./components/Myfooter.vue').default;

【讨论】：