最近由于項目需要，自己開始著手于vue+webpack的學習。作為前端的小白，自己在學習的路上走的太艱難，以下是我在手動構(gòu)建vue+webpack過程中遇到的各種坑：
1. Error: Can not found webpack commond
描述: 一般遇到這個錯誤，說明你編寫的代碼語法與本地安裝的webpack版本不兼容。
解決方案: 其實是因為你本地將webpack全局安裝了，但是在項目路徑下第一次使用這個命令，會讓系統(tǒng)找不到，這個時候需要執(zhí)行以下命令，將全局的webpack關(guān)聯(lián)當前的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.
描述: 一般遇到這個錯誤，說明你編寫的代碼語法與本地安裝的webpack版本不兼容。
解決方案:?
1）卸載webpack版本，重新安裝需要的webpack版本；
2）查看API，編寫正確規(guī)范的代碼；
參考:?出錯的原因是引入入口文件，直接使用了相對路徑，這里應該使用絕對路徑
3.?Error: cannot find module 'XXX'
描述: 一般遇到這個錯誤，說明你本地項目依賴的一些模塊或依賴包沒有安裝
解決方案:
參考:無1）如果直接報出缺少XXX模塊，則可以使用npm install {模塊名} --save-dev命令進行安裝
2）如果不知道，則查看自己項目的package.json,確保包都配置完畢后，使用npm install命令直接安裝
參考: 我本地構(gòu)建項目的時候好多模塊丟失，所以反復使用以上的兩個命令進行操作
4.?Error: Can't resolve?'/Project/practice/vue-wkdemo/build/build/dev-client' in '/Project/practice/vue-wkdemo'
描述: 一般遇到這個錯誤，說明在項目中引入的文件路徑寫錯了，因此執(zhí)行項目時無法解析
解決方案: 檢查自己的項目路徑，一定要反復檢查，不要理所當然地跳過這個步驟，不然會很坑
參考: 無
5. 最坑沒有之一，實現(xiàn)vue+webpack的基礎搭建之后，發(fā)現(xiàn)沒有實現(xiàn)熱更新，只有重啟服務頁面才會顯示更改后的內(nèi)容，不管是修改vue文件，還是html靜態(tài)頁面，都無法生效。這里糾結(jié)了大半天。。。
描述:?一般遇到這個錯誤，有很多種原因，依賴的模塊版本不匹配、電腦緩存太多、瀏覽器停止監(jiān)聽部分端口等等
解決方案: 針對以上的問題，自己可以依次做嘗試：
1）可以先檢查依賴的模塊版本
2）重啟電腦，清除瀏覽器緩存
3）執(zhí)行以下命令（這是我的一個小伙伴花了兩天的時間找的解決方案，我也是這樣解決的?。?/p>
echo fs.inotify.max_user_watches=524288 |?sudo tee?-a /etc/sysctl.conf&&?sudo sysctl -p
參考: 無
以上就是我遇到的各種坑。。。其余的問題都是和這些坑相似，解決方法套用即可。
最后提及一下自己參考構(gòu)建vue+webpack的demo項目的來源：
一步步構(gòu)造自己的vue2.0+webpack環(huán)境
按照上面學習的小伙伴一定要注意依賴包的版本，不然你就會跳進坑里出不來了。。。
