安装sass-loader导致Error: Cannot find module ‘webpack/lib/RuleSet（解决方案）

于 2024-07-23 10:41:22 发布
阅读量350 收藏
点赞数 4
文章标签： sass webpack 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fufumaomao/article/details/140629164
版权

查找自己webpack版本对应sass-loader

查看webpack版本

npm list webpack


sass-loader v7.x对应webpack v4.x
sass-loader v8.x对应webpack v4.x或v5.x

sass-loader v9.x对应webpack v4.x或v5.x或v6.x

sass-loader v10.x对应webpack v5.x或v6.x或v7.x

安装对应版本

npm install sass-loader@X --save-dev
npm install sass --save-dev

fufumaomao
关注
  • 4
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
fast-sass-loader：用于webpack的高性能sass loader
02-06
提示：与一起使用，您将获得10倍以上CSS构建性能特征： 在大型SASS项目中比sass-loader快sass-loader倍支持sass文件重复数据删除，永远不用担心@import在不同位置@import相同文件支持url解析，永远不用担心url(...)...
sass-resources-loader：用于Webpack的SASS资源（例如变量，mixins等）的加载器。 也适用于less，post-css等
02-27
sass-resources-loader 该加载程序会将您的SASS资源加载到每个required SASS模块中。 因此，您可以在所有SASS样式中使用共享变量，mixin和函数，而无需在每个文件中手动加载它们。 适用于CSS模块！ 该加载器不...
Error: Cannot find module ‘webpack/lib/RuleSet‘
weixin_46742435的博客
03-05 3117
Error: Cannot find module 'webpack/lib/RuleSet'
Cannot find module ‘webpack/lib/RuleSet‘
inprivacy的博客
08-12 1311
由版本引起的 Cannot find module 'webpack/lib/RuleSet'
Vue 开发中的一些问题简单记录，Cannot find module ‘webpack/lib/RuleSet‘
最新发布
码农飞哥
05-05 1233
Vue 开发中的一些问题简单记录，Cannot find module 'webpack/lib/RuleSet'
BUG——VUE：Cannot find module ‘webpack/lib/RuleSet‘
Today_He的博客
03-13 296
npm install webpack@^4.0.0 --save-dev 之前使用5.3就报错，给个低版本就可以了，搞了一下午~
nuxt-sass-resources-loader：用于NuxtJ的SASS资源（例如变量，mixins等）模块
02-05
// nuxt-sass-resorces-loader export default { modules : [ 'nuxt-sass-resources-loader' ] , // your settings here sassResources : [ '@/path/to/first-resources.sass' ] } // @nuxtjs /style-re
sass-themes-loader:用于Webpack的Sass主题加载器模块
05-13
在这个配置中，我们指定了`sass-loader`之后再使用`sass-themes-loader`。`themes`选项是一个对象数组，每个对象包含一个主题名（`name`）和包含主题变量的Sass文件路径（`file`）。 ### 使用主题 在你的Sass文件中...
npm run dev报错 Module build failed: Error: Cannot find module ‘node-sass’
01-08
有时候会遇到node-sass安装失败的情况，这个现象太正常了，比如： 遇到报错不要慌，先看报错的开头，一般就能找到答案，他说没有找到这个模块 node-sass  这时你可以去项目依赖node_module里边去找一下 ，发现...
UniApp 解决 Error: Cannot find module 'webpack/lib/RuleSet'
卡尔特斯
07-19 401
一、问题 通过命令运行 UniApp 项目报错：Error: Cannot find module 'webpack/lib/RuleSet' 原因：是因为 @vue/cli 脚手架版本的问题，目前版本是 @vue/cli 5.0.3，也就是 @vue/cli 5.0 版本支持的有问题，新版本或高版本可能存在支持问题，可以降低版本重新创建 UniApp 项目。 查看当前 vue 版本： $...
UniApp 解决 Error: Cannot find module ‘webpack/lib/RuleSet‘
卡尔特斯
07-19 7900
版本是经过测试的出来的，如果想提升版本，可以一个一个版本网上试试)脚手架版本的问题，目前版本是。，可以降低版本重新创建。
Error: Cannot find module ‘webpack/lib/RuleSet（解决方案）
yzp__001的博客
09-22 2457
在这里给大家梳理一下思路。
NuxtJs安装Sass后出现ERROR：Cannot find module ‘webpack/lib/RuleSet‘
觉醒法师的专栏
02-04 1332
最近了解NuxtJs时，发现问题比较多，对于初学者来说是件比较头痛的事。这次是安装sass预处理器，通过命令安装后，出现了ERROR：Cannot find module 'webpack/lib/RuleSet' 错误，于是根据之前经验，对版本进行分析修改版本。
创建脚手架后运行报错Error: Cannot find module ‘webpack/lib/RuleSet‘
GKISX1216的博客
04-17 1483
npm run serve运行uniapp时报错====主要原因是脚手架版本太高的原因 解决方案： 1）卸载vuecli5.0版本 npm remove -g @vue/cli （2）安装vue4.5.15版本 npm install -g @vue/cli@4.5.15 （3）重新创建项目就可以了vue create -p dcloudio/uni-preset-vue my-project （4）运行成功 ...
解决前端工程报错问题：Error: Cannot find module ‘webpack/lib/RuleSet‘
bingbao的专栏
02-20 2203
在解决问题时，使用npm view webpack versions查看webpack共有多少个版本。接手一个工程package.json配置了"webpack": "^5.89.0"。原因是之前的人配置错了。报错信息中已经说明了需要webpack4,然而配置成了webpack5.最终把package.json中的内容改为"webpack": "4.47.0"就可以了。
uniapp项目启动报错Error: Cannot find module ‘webpack/lib/RuleSet
小世界的博客
03-31 7578
这两天在看uniapp的项目，创建uniapp项目有两种方式，第一通过Hbuilder直接新建项目，第二是通过cli命令创建，两种方式创建的uniapp的项目目录是不一样的。 第一Hbuilder创建的项目，运行起来是没有问题的 第二cli命令创建项目 不管是创建正式版本还是alpha版本，运行项目的时候会报一个错误就是Error: Cannot find module 'webpack/lib/RuleSet 在网上找了各种解决办法，主要是说node版本过高，需要把弄得降到12重新in..
解决拉取Vue项目报错Cannot find module ‘webpack/lib/RuleSet‘
weixin_44274094的博客
02-24 4221
第一步：将 package-lock.json和node_modules包删除。第二步：删除webpack，重装了老的版本。
Syntax Error: Error: Cannot find module 'node-sass'Syntax Error: Error: Cannot find module 'node-sass'
03-04
"Syntax Error: Error: Cannot find module 'node-sass'" 是一个常见的错误信息，它表示在你的代码中引用了一个名为 'node-sass' 的模块，但是系统找不到该模块。这通常是由于缺少依赖或者未正确安装所导致的。 要解决这个问题，你可以尝试以下几个步骤： 1. 确保你的项目目录下有一个名为 'node-sass' 的依赖项。你可以在项目的根目录下执行以下命令来安装它： ``` npm install node-sass ``` 2. 如果你已经安装了 'node-sass'，那么可能是由于依赖项版本不兼容导致的。你可以尝试更新 'node-sass' 的版本，或者查看项目的依赖项是否与 'node-sass' 兼容。 3. 如果以上步骤都没有解决问题，那么可能是由于全局安装的 'node-sass' 与项目中的版本冲突导致的。你可以尝试在项目目录下执行以下命令来重新安装 'node-sass'： ``` npm install node-sass --save-dev ``` 如果以上方法都无法解决问题，你可以检查一下你的代码中是否有其他语法错误或者其他依赖项缺失的情况。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值