Fatal编程技术网
  • php/
  • Php 不工作的Laravel+；laravel应用程序中的Vuejs

Php 不工作的Laravel+；laravel应用程序中的Vuejs

php laravel vue.js

Php 不工作的Laravel+；laravel应用程序中的Vuejs,php,laravel,vue.js,Php,Laravel,Vue.js,使用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文件 <body> <div i

使用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文件

<body>
<div id="app">
<Myheader></Myheader>
<Myfooter></Myfooter>
</div>
<script src="{{ asset('js/app.js')}}"></script>  
</body>
但当我运行artisan serve命令时，它不会显示vue组件。如何解决这个问题

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

let Myheader = require('./components/Myheader.vue').default; 
let Myfooter = require('./components/Myfooter.vue').default;
如果您正在使用Laravel Mix 4.0+，请尝试将
.default
添加到您的需求中。当您使用CommonJS导入模块时，这是必需的

let Myheader = require('./components/Myheader.vue').default; 
let Myfooter = require('./components/Myfooter.vue').default;
无法使用
artisan serve
构建Vue文件。请尝试
npm run watch
或
npm run dev
。请确保已安装
npm
。顺便说一句，如果出现一些错误，请检查控制台输出：）是的，我也运行了
npm run watch
，但错误在这里，控制台输出是这样的
[Vue warn]：未能装载组件：未定义模板或渲染函数。在-->
中找到，您无法使用
artisan serve
构建Vue文件。请尝试
npm run watch
或
npm run dev
。请确保已安装
npm
。顺便说一句，如果出现一些错误，请检查控制台输出：）是的，我也运行了
npm run watch
，但错误在这里，控制台输出是这样的
[Vue warn]：未能装载组件：未定义模板或渲染函数。在-->