下面由laravel教程栏目给大家分享一个laravel mix 编译 vue 踩坑记录，希望对需要的朋友有所帮助！
Laravel Mix 编译 Vue 踩坑记录
环境：
// package"laravel-mix": "^6.0.6",// composer"laravel/framework": "^8.54"node version v15.14.0npm version 7.7.6
首先 npm 需要安装依赖 vue, vue-loader, vue-template-compiler
立即学习“前端免费学习笔记（深入）”；
话袋AI笔记
话袋AI笔记, 像聊天一样随时随地记录每一个想法，打造属于你的个人知识库，成为你的外挂大脑
47 查看详情
然后打开 webpack.mix.js 文件
// 将mix.js('resources/js/app.js', 'public/js')// 修改为mix.js('resources/js/app.js', 'public/js').vue()
打开 /resources/js/app.js
import Vue from 'vue' // 必须引入 vue require('./bootstrap');Vue.component('welcome-component', require('./components/WelcomeComponent.vue').default); // 组件后需要添加 .default 否则会报错const app = new Vue({ el: '#app'});
执行，关于 .default 的说明看这里 https://github.com/vuejs/vue-loader/releases/tag/v13.0.0
npm run dev
到此就差不多了，使用 Laravel-Mix 6 之后有一些变化，这里记录一下。
以上就是分享一个Laravel Mix编译Vue踩坑记录的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/626980.html
微信扫一扫 
支付宝扫一扫 
