溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這期內容當中小編將會給大家帶來有關如何避免Laravel Mix編譯Vue踩坑，文章內容豐富且以專業的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。
Laravel Mix 編譯 Vue 踩坑記錄
環境：
// package "laravel-mix": "^6.0.6", // composer "laravel/framework": "^8.54" node version v15.14.0 npm version 7.7.6
首先 npm 需要安裝依賴 vue, vue-loader, vue-template-compiler
然后打開 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踩坑了，如果剛好有類似的疑惑，不妨參照上述分析進行理解。如果想知道更多相關知識，歡迎關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
