vue-cli 的項目 切換到Linux環境下遇到問題

 

  以前用vue-cli腳手架在windows上開發的一個項目，如今有換mac的打算，可是換系統的話對代碼對環境依賴比較嚴重。

  去年和別的FE並行開發兩我的用的都是windows，這樣還好，沒有什麼問題，可是兩我的電腦環境不同問題就比較多了。

  因此準備將環境切換到Linux，可是碰見了重重困難，這裏記錄一下。

  將代碼git到Linux上，果真npm run dev是行不通的。

  1. 碰見的第一個error 8080 端口不可用

   

   嘗試 ，依然報錯，查了下日誌 和查看node進程確認是否開啓了兩個

   

   netstat 查看端口占用狀況

發現被nginx佔用，不是和替換端口或者複用端口，因此修改端口

找到index.js 替換端口配置

  npm run dev發現仍是報錯  原文

找不到緣由 因而google了一下 緣由是webpack的opn模塊 的問題

 

 註釋opn模塊（這個模塊用於啓動瀏覽器，因爲在Linux環境裏並無瀏覽器，因此報錯，vue-cli生成的項目適用於敏捷開發，仍是有很多限制性的）

再次npm run dev  端口被啓用了 也能訪問 但仍是報錯，並且是各個組件報錯

繼續往下追查

緣由是環境改變了  原來的環境是window 64-bit 如今是linux 因此npm  須要從新計算節點

npm rebuild node-sass --force

終於解決了！！！

--------------------分割線 於2018-10-23

在更換了mac以後，果真又出現了這個問題，可是奇怪的是rebuild不起做用。仍是報相同的錯誤。

在查閱了不少文檔後，在github的issue中找到了解決方案，就是從新裝，由於在就項目中，安裝的node-sass 會存在軟鏈，而在新的機器上git代碼，雖然rebuild了，可是軟鏈沒有更新

因此須要先卸載，再重裝

npm uninstall --save node-sass

npm install --save node-sass

--------------------

總結： 這算是碰見環境依賴問題較爲麻煩的一個，碰見了錯誤須要理清楚思路，查debug-log, 一步步解決，掌握一些linux知識對前端也是很重要的

另外轉載勞煩註明出處，否則就沒有分享的動力了。 原文連接