Question

使用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组件。如何解决这个问题？

Answer 1

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

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

无法在Laravel应用中使用Laravel + Vuejs

1 个答案: