關於vue+webpack開發時讓人無語的坑

紫Young菌發表於2018-05-29

在vue+webpack時會使用到各種依賴包等等,但是對於非前端工程師來說,可能會由於一些版本問題影響專案進度。所以說幾個自己遇到的問題。

安裝webpack時

由於webpack是一種自動化構建工具,強烈依賴node進行打包編譯,所以,所以node與npm的版本是畢竟容易影響開發的,比如安裝webpack時,由於node版本過低,一切依賴就會無法完全安裝(如:webassemblyjs)。建議node安裝到8.0.0以上版本,已經比較穩定了。

安裝各種包時

由於大部分人使用npm進行包管理,但是伺服器在國外,所以在下載的過程中會出各種問題,強烈建議使用cnpm。如執行 npm run dev時,報錯為Module build failed: Error:sass-loaderrequiresnode-sass>=4. Please install a compatible version看原因還以為是版本問題,但是使用npm view node-sass version,顯示的 4.9.0。於是執行 npm remove node-sass後 再執行cnpm install node-sass重新安裝就可以了。

linux與Windows遷移開發時

由於兩種平臺的開發環境問題,雖然有時你在webpack設定了跨平臺,但是還是可能出現問題,尤其是從linux下到Windows更容易出現這種問題,這時執行npm rebuild node-sass,重新安裝環境依賴,再執行npm run build就可以了

相關文章