ERROR in ./node_modules/css-loader!./node_modules/sass-loader/lib/loader.js!./src/components/loading

最新推荐文章于 2023-02-08 11:44:07 发布
最新推荐文章于 2023-02-08 11:44:07 发布
阅读量5.7k 收藏 1
点赞数 1
分类专栏： webpack报错问题 文章标签： webpack npm sass
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37564189/article/details/105566401
版权

在运行webpack的项目，并且项目有sass的，进行多地方代码操作的时候，往往有时候项目拉下来会报错

ERROR in ./node_modules/css-loader!./node_modules/sass-loader/lib/loader.js!./src/components/loading/loading.scss
Module build failed: Error: Node Sass does not yet support your current environment: Windows 64-bit with Unsupported runtime (72)

报错的原因其实就是在进行依赖引入的时候，对应电脑的配置不同 有点电脑是32位，有的电脑是64位，解决的方式就是重新卸载依赖，在重新引入

卸载命令

npm uninstall --save node-sass

下载命令

npm install --save node-sass

在重新运行项目，错误就消失了

 

npm的下载有点慢，也可以去配置cnpm 

 

 

陈小白_weilin
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
webpack 处理css-load版本太高报错问题
颠覆我的整个世界，只为摆正你的身影
08-27 3456
ERROR in ./src/style.css Module build failed (from ./node_modules/_css-loader@4.2.2@css-loader/dist/cjs.js):Error:Cannot find module ‘cssesc’ 问题描述 npm install -D css-loader style-loader npm install -D node-sass sass-loader npm install -D less less
ERROR in ./node_modules/css-loader?sourceMap 关于sass-loader的一次报错
Headmaster_Tan的博客
09-05 2399
记一次前端项目运行css编译错误的问题。 该项目是很久以前搭建的，今天重新拉取代码执行npm install后npm run dev发现报错了，百思不得其解，毕竟以前是没问题的，也没做过任何配置的修改。 详细报错如下： 问题是出在第四行开始：Module build failed: TypeError …sass-loader… 查询百度谷歌无果，这里并不是npm install node-sa...
node-sass 4.12、4.14.1、5 node-sass-loader node_modules 安装包
07-07
直接复制至node_modules npm run dev 即可
前端vue报错：ERROR in ./node_modules/css-loader!./node_modules/sass-loader/
HADLM
01-22 1万+
前端vue在执行npm run dev的时候 报错： ERROR in ./node_modules/css-loader!./node_modules/sass-loader/lib/loader.js!./src/components/loading 背景：在执行完npm install按照前端依赖环境后，安装依赖一切正常，没有报错。 现象：在运行前端代码时，报错如下： 根据查阅：报错的原因其实就是在进行依赖引入的时候，对应电脑的配置不同，导致的报错，只需要重新安装这个依赖就行。 解决方案：执行命令
Vue3 element-plus引用报错 import‘element-plus/dist/index.css‘
weixin_46107714的博客
02-08 1111
VUE3 导入element-plus遇到的小问题
记录一次ERROR in ./node_modules/css-loader?sourceMap!.报错处理
请告诉他
01-23 4547
项目运行多年，win系统本地环境开发成熟，打包到linux也无问题，近日npm install 和npm run dev 后出现报错信息如下 ERROR in ./node_modules/css-loader?sourceMap!./node_modules/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-ae1d291a","scoped":true,"hasInlineConfig":false}!./node_modules/sass-
node.js 安装解决办法：sass-loader node-sass WIN10 WIN7安装与常见问题解决办法.zip
01-22
win7 64位系统最新的node.js安装包，和 npm安装sass-loader node-sass win10 win7安装与常见问题解决办法
node-sass_win&linux_x64-72_binding.node.zip
07-27
Cannot download linux-x64-72_binding.node/win32-x64-72_binding.node
node-sass和sass-loader下载.zip
02-18
直接下载node-sass和sass-loader下载，然后拷贝到node-modules下即可，再次npm install就不会报错了
node-sass安装包
最新发布
10-23
node-sass安装包
css-base
liangfrank的博客
12-30 313
class 1.公共类,class="red center font"; .red{color:red} .center{text-align:center} .font{font-size:13px} border 1.划分区域用background-color, border厚度会影响.
ERROR in ./node_modules/_css-loader@3.6.0@css-loader/dist/cjs.js!./src/CSS/index.css Module build fa
Dreamer_Ji的博客
07-18 5609
原因： 这个报错是提示我们有缺的我们需要进行安装 解决办法： 使用命令cnpm i postcss-modules-scope -D 一步一步按着它给的提示进行安装。
Webpack Loader源码导读之css-loader
weixin_33816300的博客
02-02 442
原文地址：Webpack Loader源码导读之css-loader 在上一篇Webpack Loader源码导读之less-loader我们介绍了less-loader 本篇是Webpack Loader源码导读系列中关于css-loader的解读，主要阐述loader的工作，及部份配置项作用。 源码结构 源码 v0.28.8，lib目录如下： lib |____compile-exports....
webpack5打包最新element-plus报错 The extension in the request is mandatory for it to be fully specified.
txxxfish的专栏
03-07 3465
webpack5打包最新element-plus报错 The extension in the request is mandatory for it to be fully specified.
解决Vue Cli安装Element-plus后启动失败的问题
程序员青戈
10-19 1万+
Element-Plus官网解决方案
ERROR in ./src/styles.scss .. Module build failed: Error: Cannot find module 'node-sass'
热门推荐
隔壁老瓦的专栏
03-30 1万+
ERROR in ./src/styles/Scrollbars.scss (./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/src??ref--6-2!./node_modules/sass-loader/lib/loader.js!./src/styles/Scrollbars.scss) Module ...
找不到node_modules/node-sass/vendor目标的解决办法
程裕强的专栏
05-20 2176
npm i命令执行成功 但是npm run 命令时出错： no such file or directory, scandir ‘/app/admin/node_modules/node-sass/vendor’ ERROR in ./node_modules/css-loader?{"sourceMap":true}!./node_modules/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-7ddeafd5","scoped":false
打包项目时报node-sass的错误
西风XF的博客
11-07 1536
因为是提交到GitLab上自动打包，服务器为Linux，所以报的错是Linux 64-bit with Node.js 10.x。 本地打包应该是： Windows：Windows 64-bit with Node.js 8.x Mac：MacOS **-bit with Node.js 8.x ERROR in ./node_modules/css-loader?{"sourceMap...
vue在css引入背景图片抱错：This relative module was not found:bg.png in ./node_modules/css-loader
fuck487的博客
01-12 1万+
参考：https://blog.csdn.net/qq_37078641/article/details/88288348 在css引入背景图片 background-image: url("../assets/image/mobile/bg.png"); background-size: cover; 抱错 This relative module was not found: *...
../../../../node_modules/css-loader
09-22
从提供的引用内容来看，问题是关于在Vue.js项目中引入global.scss文件时报错的原因。根据引用，在Vue文件中使用@import引入global.scss文件会报错，而在main.js中引入global.scss则没有问题。这可能是因为在Vue文件中的引入路径不正确或者配置文件中缺少必要的设置。 为了解决这个问题，你可以尝试以下几个步骤： 1. 检查引入路径：确认在Vue文件中使用@import引入global.scss文件时的路径是否正确。确保相对路径的正确性，尤其是对于使用`../../../../`这种相对路径的情况。 2. 检查配置文件：检查webpack配置文件（如webpack.base.conf.js、webpack.client.conf.js、webpack.server.conf.js等）以及vue-loader配置文件（如vue-loader.conf.js）中是否有对scss文件的处理配置。确保正确使用了css-loader和sass-loader等相关loader，并且配置了正确的include/exclude选项。 3. 检查依赖版本：确认你所使用的sass-loader、css-loader和node-sass等相关依赖的版本是否与Vue.js项目兼容。有时候不同版本的依赖之间可能存在兼容性问题。 如果以上步骤都没有解决问题，你可以尝试参考引用中的做法，直接将reset.css文件后缀名改为.scss，并在global.scss中直接引入reset.scss文件。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值