Node-SASS安裝 scss

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

 

  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,  哼哼,很簡單啦 網上一搜應該處處都是解決方案 ,結果不出意料,找了一個拿下來以下html

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

而後以下node

仍是不行vue-cli

可是我已經安裝了sass編譯的依賴,依然沒法解決錯誤。npm

最後  
再次重裝  代碼以下sass

 

 

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


成功解決ui

運行 npm run dev     OKspa

 

若是你還出現3d

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

相關文章
相關標籤/搜索