Node-SASS安裝 scss

今天第一次用vue-cli 構建一個項目時， 前期一直很正常， 在編寫了sass 時就報錯了，  錯誤如下

 

1. This dependency was not found:

   * !!vue-style-loader!css-loader?{"sourceMap":false}!../../../node_modules/vue-loader/lib/style-compiler/index?{"vue":true,"id":"data-v-211ec51b","scoped":true,"hasInlineConfig":false}!sass-loader?{"sourceMap":false}!../../../node_modules/vue-loader/lib/selector?type=styles&index=1!./index.vue in ./src/views/login/index.vue 
2. To install it, you can run: npm install --save !!vue-style-loader!css-loader?{"sourceMap":false}!../../../node_modules/vue-loader/lib/style-compiler/index?{"vue":true,"id":"data-v-211ec51b","scoped":true,"hasInlineConfig":false}!sass-loader?{"sourceMap":false}!../../../node_modules/vue-loader/lib/selector?type=styles&index=1!./index.vue

 這個錯其實很簡單， 明眼一看就知道是vue-style-loader!css-loader,  哼哼，很簡單啦 網上一搜應該到處都是解決方案 ，結果不出意料，找了一個拿下來如下

 npm install stylus-loader css-loader style-loader --save-dev                          答案是   不行

然后如下

還是不行

但是我已經安裝了sass編譯的依賴，依然無法解決錯誤。

最后  
再次重裝  代碼如下

 

 

npm i node-sass -D npm i sass-loader -D

成功解決

運行 npm run dev     OK

 

如果你還出現

Error: Cannot find module 'lodash'
    at Function.Module._resolveFilename (module.js:338:15)
    at Function.Module._load (module.js:280:25)
    at Module.require (module.js:364:17)
    at require (module.js:380:17)
    at Object.<anonymous> (C:\gwsk\node_modules\browser-sync\node_modules\portsc
anner-plus\lib\index.js:3:9)
    at Module._compile (module.js:456:26)
    at Object.Module._extensions..js (module.js:474:10)
    at Module.load (module.js:356:32)
    at Function.Module._load (module.js:312:12)
    at Module.require (module.js:364:17)
    at require (module.js:380:17)
    at Object.<anonymous> (C:\gwsk\node_modules\browser-sync\lib\utils.js:6:19)

則可以嘗試刪除node_modules文件夾並運行以下命令：cnpm install