Module build failed (from ./node_modules/sass-loader/lib/loader.js): Cannot find module 'node-sass‘

本文详细介绍了在Vue项目中安装和配置SCSS的过程,包括使用npm和cnpm的多种安装方法,以及解决安装失败问题的步骤。从基本的npm install node-sass命令到使用cnpm和淘宝镜像,再到清理缓存和配置中国镜像源,提供了全面的解决方案。

1、当要在vue中使用scss的时候,需要安装node-sass组件

2、当使用npm install node-sass 命令安装失败时,可以再尝试用cnpm安装

     (1)cnpm安装命令:  npm install -g cnpm 

       (2)查看npm的镜像列表   nrm ls

  (3)使用淘宝镜像命令为 : nrm use taobao

  (4)cnpm install node-sass  #cnpm安装

3、如果上面都安装失败的话,用下面的方法步骤:

   npm cache clean -force     

   npm install -g mirror-config-china  

   npm install node-sass

 

ps:我是用第3个安装成功了

Failed to compile. ./src/App.vue?vue&type=style&index=1&id=7ba5bd90&lang=scss (./node_modules/css-loader/dist/cjs.js??ref--12-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--12-2!./node_modules/sass-loader/dist/cjs.js??ref--12-3!./node_modules/thread-loader/dist/cjs.js??ref--0-0!./node_modules/cache-loader/dist/cjs.js!./node_modules/vue-loader/lib??vue-loader-options!./src/App.vue?vue&type=style&index=1&id=7ba5bd90&lang=scss) Module build failed (from ./node_modules/sass-loader/dist/cjs.js): Error: Cannot find module 'node-sass' Require stack: - D:\Desktop\EAP本地\EAPAdmin\ADM_Client\node_modules\sass-loader\dist\index.js - D:\Desktop\EAP本地\EAPAdmin\ADM_Client\node_modules\sass-loader\dist\cjs.js - D:\Desktop\EAP本地\EAPAdmin\ADM_Client\node_modules\loader-runner\lib\loadLoader.js - D:\Desktop\EAP本地\EAPAdmin\ADM_Client\node_modules\loader-runner\lib\LoaderRunner.js - D:\Desktop\EAP本地\EAPAdmin\ADM_Client\node_modules\webpack\lib\NormalModule.js - D:\Desktop\EAP本地\EAPAdmin\ADM_Client\node_modules\webpack\lib\NormalModuleFactory.js - D:\Desktop\EAP本地\EAPAdmin\ADM_Client\node_modules\webpack\lib\Compiler.js - D:\Desktop\EAP本地\EAPAdmin\ADM_Client\node_modules\webpack\lib\webpack.js - D:\Desktop\EAP本地\EAPAdmin\ADM_Client\node_modules\webpack-dev-server\bin\webpack-dev-server.js at Function.Module._resolveFilename (internal/modules/cjs/loader.js:982:15) at Function.Module._load (internal/modules/cjs/loader.js:864:27) at Module.require (internal/modules/cjs/loader.js:1044:19) at require (internal/modules/cjs/helpers.js:77:18) at getDefaultSassImpl (D:\Desktop\EAP本地\EAPAdmin\ADM_Client\node_modules\sass-loader\dist\index.js:198:10) at Object.loader (D:\Desktop\EAP本地\EAPAdmin\ADM_Client\node_modules\sass-loader\dist\index.js:80:29)
07-11
评论 22
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值