[vue] node / node-sass / sass-loader 版本对应

最新推荐文章于 2024-08-10 14:09:30 发布
最新推荐文章于 2024-08-10 14:09:30 发布
阅读量1.5k 收藏 4
点赞数 1
分类专栏： 前端 文章标签： vue.js sass 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jinwenshuo2007/article/details/128418152
版权
在Node.js开发中，遇到node、less-loader和sass-loader版本不兼容导致的错误很常见。作者经历了多次尝试，发现了一组可行的版本组合：node v16.14.0、less-loader@5.0.0和sass-loader@10.2.1。这个配置可以避免常见的报错，对于遇到类似问题的开发者来说是个宝贵的参考。
摘要由CSDN通过智能技术生成

node / node-sass / sass-loader

这三样东西版本装不对就会报错，非常恶心，一定要装对应版本的

可能是我笨，暂时没找到版本对应关系，网上很多说的都是错的，踩了很多坑，记录一下

按以下版本安装，亲测可用

node：v16.14.0

less-loader@5.0.0

sass-loader@10.2.1

 

 

Voices_
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
vue项目node-sass sass-loader node 版本对应问题
web18484626332的博客
03-06 2536
本人总结了一套万能无错的版本 node 8.11.2 sass-loader 7.3.1 node-sass 4.7.2 node版本对应的node-sass sass-loader 4.1.1，node-sass 4.3.0 sass-loader 7.0.3，node-sass 4.7.2 sass-loader 7.3.1，node-sass 4.7.2 sass-loader 7.3.1，node-sass 4.14.1 使用国内镜像 npm install -g mirror-config-
less和less-loader自己用的对应关系
lyclyc_的博客
05-30 1942
【代码】less和less-loader自己用的对应关系。
vue项目中使用less
qq_43468165的博客
07-30 828
项目说明，本机node环境14.17.3，npm 6.14.13，yarn 1.22.11，vue-cli@vue/cli 4.5.13 使用vue create 语法搭建的2.0项目 安装 less 和less-loader，提示：less-loader版本过高会导致编译错误，我这里使用的这两个版本号试运行后没有问题的，何以借鉴 yarn add less@4.1.1 less-loader@7.0.0 安装成功后 在style添加一下内容 scope lang="less" 总结：大家搭.
nodejs/node-sass/sass-loader三者版本对应关系（已解决）
ChickenBro_的博客
08-07 849
1.删除node_modules文件夹，刚拉的项目如果没有就不用删。2.删除package-lock.json、yarn.lock文件。我的nodejs：v14.21.3，，修改package.json文件。
使用 less
超级小恐龙~
04-18 519
npm install less@4.1.1 less-loader@7.3.0 --save-devnode ：16.4.0
node.js和node sass版本以及sass-loader版本对应关系
a1111131的博客
04-16 4995
node.js和node sass版本以及sass-loader版本对应关系
node-sass 版本对应的node版本以及 支持的sass-loader版本
weixin_47908090的博客
04-18 6988
node-sass sass-loader node
node 16.17 对应 node-sass 和 sass-loader 版本
qq_33240556的博客
04-12 1263
版本应当根据当前最新的稳定版进行更新。在编写此答案时，以上是建议使用的较新且兼容 Node.js v16.17 的版本范围，但请务必查阅各自官方文档或npm仓库以获取最新版本信息。同时，确保你的构建工具如 Webpack 配置也已更新以适应。在 Node.js v16.17 或更高版本下，应该使用 Dart Sass 的 JavaScript 实现。对于 Node.js v16.x，由于。已不再维护，开发者被建议迁移到使用。
记录node 版本对应的 node-sass 版本号以及sass-loader
weixin_47375788的博客
04-09 1万+
【代码】记录node 版本对应的 node-sass 版本号以及sass-loader。
vue node、node-sass、sass-loader 的版本兼容问题
且听风吟的博客
11-16 1266
node-sass和node版本是否对应：
node、node-sass、sass-loader的版本兼容问题
bsefef的博客
03-08 1394
目录 使用scss报错 当前node-sass、sass-loader版本 测试 步骤一 步骤二 解决方案 解决node-sass问题 node和node-sass版本关系 这篇文章主要写node、node-sass、sass-loader三者引起的兼容问题。 使用scss报错 为什么要写这篇文章，安装最新版sass运行报错了。 纳尼，最新版的既然不兼容。 来看看错误提示 ERROR Failed to compile with 1 error
node 14.19.0 版本成功解决：安装 node-sass 和 sass-loader 的过程及各 node 版本对应的 node-sass 版本号
热门推荐
m0_67392126的博客
08-02 1万+
先自我介绍一下，小编13年上师交大毕业，曾经在小公司待过，去过华为OPPO等大厂，18年进入阿里，直到现在。深知大多数初中级java工程师，想要升技能，往往是需要自己摸索成长或是报班学习，但对于培训机构动则近万元的学费，着实压力不小。因此我收集了一份《java开发全套学习资料》送给大家，初衷也很简单，就是希望帮助到想自学又不知道该从何学起的朋友，同时减轻大家的负担。，而node-sass的版本为。//此时是版本不匹配，我用的。版本号确定好一个后来回切换。版本即可，容错率很高；//此时是安装的。...
node-sass 对应的node版本
最新发布
qq_40098459的博客
08-10 1354
node sass 对应的 node 版本
less-loader和sass-loader
qq_41893334的博客
05-21 2429
less-loader 1.less-loader 自动将less转换为CSS 2.less-loader使用: 2.0安装less npm install --save-dev less 2.1安装less-loader npm install --save-dev less-loader 2.2配置less-loader { test: /.less$/, use: [{ loader: “style-loader” }, { loader: “css-loader” }, { loader: “les
vue使用sass指定版本安装附上node-sass 和sass-loader 有版本对应的关系（亲测可行本人node版本10.22.1）
xtho62的博客
03-14 1万+
先展示一下使用环境： 相关的指令： node -v npm -v webpack -v node-sass -v 查看是否有已经安装的sass版本： 卸载指令：npm uninstall --save node-sass 执行安装sass相关的语句： npm i -D node-sass@4.12.0 npm i -D sass-loader@7.1.0 安装后使用要在build/webpack.base.conf.js里添加配置：（注意逗号） { test: /\.scss$/, loade
使用nvm切换node.js版本，vue项目中node.js对应的node-sass和sass-loader版本
qq_59208151的博客
09-12 2007
nvm管理node版本,node与node-sass，sass-loader对应的版本
Vue3本电脑稳定的less-loader,node-sass,sass-loader版本
LiuJia20010827的博客
10-09 963
less-loader,node-sass,sass-loader版本
vue2.0以上版本安装sass(scss)
qq_41241767的博客
07-25 735
vue2.0以上版本安装sass(scss) 一、首先说明sass和scss的区别。 1、异同：1）简言之可以理解scss是sass的一个升级版本，完全兼容sass之前的功能，又有了些新增能力。语法形式上有些许不同，最主要的就是sass是靠缩进表示嵌套关系，scss是花括号 2）文件扩展名不同，Sass 是以“.sass”后缀为扩展名，而 SCSS 是以“.scss”后缀为扩展名 3）语法书写方式...
ERROR in ./src/components/HelloWorld.vue?vue&type=style&index=0&id=469af010&scoped=true&lang=scss& (./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/HelloWorld.vue?vue&type=style&index=0&id=469af010&scoped=true&lang=scss&) Module build failed (from ./node_modules/sass-loader/dist/cjs.js): Error: Cannot find module 'sass'
06-07
这是一个错误提示，它意味着在你的项目中没有找到 `sass` 这个依赖包。`sass` 是一个用于编译 Sass/SCSS 文件的 Node.js 模块，而 `sass-loader` 是基于 `sass` 模块的 Webpack loader。为了解决这个问题，你可以尝试以下步骤： 1. 确认你已经安装了 `sass` 和 `sass-loader`，你可以在命令行中使用以下命令安装： ``` npm install sass sass-loader --save-dev ``` 2. 确认你在 webpack 配置文件中正确配置了 `sass-loader`，你可以在 `module.rules` 中添加以下配置： ``` { test: /\.scss$/, use: [ 'vue-style-loader', 'css-loader', 'sass-loader' ] } ``` 3. 确认你正确引用了 `sass-loader`，例如在 HelloWorld.vue 中引用 SCSS 文件的方式应该为： ``` <style lang="scss"> /* Your SCSS code here */ </style> ``` 如果你仍然无法解决这个问题，可以提供更多的代码和错误信息，以便我可以更好地帮助你。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值