最近由于項(xiàng)目需要，自己開始著手于vue+webpack的學(xué)習(xí)兄猩。作為前端的小白茉盏，自己在學(xué)習(xí)的路上走的太艱難，以下是我在手動(dòng)構(gòu)建vue+webpack過程中遇到的各種坑：
1. Error: Can not found webpack commond
描述: 一般遇到這個(gè)錯(cuò)誤枢冤，說明你編寫的代碼語法與本地安裝的webpack版本不兼容鸠姨。
解決方案: 其實(shí)是因?yàn)槟惚镜貙ebpack全局安裝了，但是在項(xiàng)目路徑下第一次使用這個(gè)命令淹真，會(huì)讓系統(tǒng)找不到讶迁，這個(gè)時(shí)候需要執(zhí)行以下命令，將全局的webpack關(guān)聯(lián)當(dāng)前的webpack執(zhí)行命令
npm link webpack
參考: 無
2. XXXError: Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.
描述: 一般遇到這個(gè)錯(cuò)誤核蘸，說明你編寫的代碼語法與本地安裝的webpack版本不兼容巍糯。
解決方案:?
1）卸載webpack版本，重新安裝需要的webpack版本客扎；
2）查看API祟峦，編寫正確規(guī)范的代碼；
參考:?出錯(cuò)的原因是引入入口文件徙鱼，直接使用了相對(duì)路徑宅楞，這里應(yīng)該使用絕對(duì)路徑
3.?Error: cannot find module 'XXX'
描述: 一般遇到這個(gè)錯(cuò)誤，說明你本地項(xiàng)目依賴的一些模塊或依賴包沒有安裝
解決方案:
參考:無1）如果直接報(bào)出缺少XXX模塊袱吆，則可以使用npm install {模塊名} --save-dev命令進(jìn)行安裝
2）如果不知道厌衙，則查看自己項(xiàng)目的package.json,確保包都配置完畢后，使用npm install命令直接安裝
參考: 我本地構(gòu)建項(xiàng)目的時(shí)候好多模塊丟失杆故，所以反復(fù)使用以上的兩個(gè)命令進(jìn)行操作
4.?Error: Can't resolve?'/Project/practice/vue-wkdemo/build/build/dev-client' in '/Project/practice/vue-wkdemo'
描述: 一般遇到這個(gè)錯(cuò)誤迅箩，說明在項(xiàng)目中引入的文件路徑寫錯(cuò)了，因此執(zhí)行項(xiàng)目時(shí)無法解析
解決方案: 檢查自己的項(xiàng)目路徑处铛，一定要反復(fù)檢查饲趋，不要理所當(dāng)然地跳過這個(gè)步驟，不然會(huì)很坑
參考: 無
5. 最坑沒有之一撤蟆，實(shí)現(xiàn)vue+webpack的基礎(chǔ)搭建之后奕塑，發(fā)現(xiàn)沒有實(shí)現(xiàn)熱更新，只有重啟服務(wù)頁面才會(huì)顯示更改后的內(nèi)容家肯，不管是修改vue文件龄砰，還是html靜態(tài)頁面，都無法生效。這里糾結(jié)了大半天换棚。式镐。。
描述:?一般遇到這個(gè)錯(cuò)誤固蚤，有很多種原因娘汞，依賴的模塊版本不匹配、電腦緩存太多夕玩、瀏覽器停止監(jiān)聽部分端口等等
解決方案: 針對(duì)以上的問題你弦，自己可以依次做嘗試：
1）可以先檢查依賴的模塊版本
2）重啟電腦，清除瀏覽器緩存
3）執(zhí)行以下命令（這是我的一個(gè)小伙伴花了兩天的時(shí)間找的解決方案燎孟，我也是這樣解決的Ｇ葑鳌）
echo fs.inotify.max_user_watches=524288 |?sudo tee?-a /etc/sysctl.conf&&?sudo sysctl -p
參考: 無
以上就是我遇到的各種坑。揩页。旷偿。其余的問題都是和這些坑相似，解決方法套用即可碍沐。
最后提及一下自己參考構(gòu)建vue+webpack的demo項(xiàng)目的來源：
一步步構(gòu)造自己的vue2.0+webpack環(huán)境
按照上面學(xué)習(xí)的小伙伴一定要注意依賴包的版本狸捅，不然你就會(huì)跳進(jìn)坑里出不來了衷蜓。累提。。
