2018.03.29
#

這次本來準備做一個音樂的 web App ,vue檔案中準備使用 stylus 樣式。以為一切會很順利，可是遇到報錯（心中一萬個草泥馬）；解決了這個問題之後，瞬間心情大悅，太開心了。

做一次記錄，然後續的小夥伴，少採坑。

1、報錯展示：

• 報錯 Error： Cannot find module ‘when’）
  

2、錯誤排查

• 1、我開始在網上查詢這個報錯的解決辦法。網上的解決辦法，就是安裝 stylus 、stylus-loader; 可是我已經安裝了這兩個依賴包。報錯沒有解決，有辦法肯定要試試，可是我重灌 cnpm i stylus stylus-loader –save-dev 之後，還是報錯，依然報錯。

這是顯示我已經安裝了的 stylus 和 stylus-loader

- 2、我刪掉vue檔案中的stylus 檔案，就不報錯了，說明問題就出現在這裡。

• 2、於是我在想， 為啥之前在 vue 中使用 stylus 就沒有這個問題呢？我對比之前專案的 package.json 檔案，也沒有發現啥區別？唯一的區別就是：stylus 和 stylus-loader 的版本不一樣，於是我嘗試將stylus 和 stylus-loader 的版本換一換，(安裝之前的版本)。當我看到沒有報錯之後，報錯終於好了。

總結：這個報錯，不要安裝最新版本的 stylus 和 stylus-loader，

我安裝的新版本：會報錯

  "stylus": "^0.54.5",
    "stylus-loader": "^3.0.2",

修改為下面這種版本：就不會報錯

   "stylus": "0.52.4",
   "stylus-loader": "^2.5.0",

有其他問題，歡迎一起交流和指正。