学习vue ，sass对应版本的问题

原创已于 2022-04-25 14:21:28 修改 · 474 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue

于 2022-04-25 14:13:28 首次发布

本文讲述了在Node.js 16环境中启动项目遇到的NodeSass不支持错误，原因在于未指定版本导致下载了最新8.0版本。通过官网下载6.0.1版本的node-sass和10.2.0的sass-loader，解决了此问题。

问题描述(我的node版本是16的)

启动项目时，发现项目死活启动报错，查看报错信息，发现Node Sass does not yet support your current environment: Windows 64-bit

原因分析：

从网上看到可能是node js版本和node-sass sass-loader 版本兼容导致的不一样，

因为我是直接install，并没有指定对应版本，导致sass版本下载最新的8.0的，版本太高

解决方案：

去到官网：官网对应版本

cnpm i node-sass@6.0.1 cnpm i sass-loader@10.2.0 -s 问题解决

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

君杰 no_equal

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Vue3中使用Sass详解

2301_79099480的博客

05-06

1853

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！

vue3cli5.0.4sass+sass-loader实现scss全局变量引入

weixin_44841138的博客

04-24

5328

前端开发的过程中，有时会遇到许多的页面要用一整套配色方案的场景，若是每个选择器都具体写一遍数据太麻烦了，这时就需要在style里使用全局变量。在cli5.0.4搭建的vue项目中，需要借助sass和sass-loader插件。

参与评论您还未登录，请先登录后发表或查看评论

vue开发过程中node和sass互相对应的版本

weixin_44870969的博客

04-19

6454

1.点击查看稳定版链接 2.点击查看拓展版链接

node-sass 版本对应的node版本以及支持的sass-loader版本

weixin_47908090的博客

04-18

9026

node-sass sass-loader node

node 版本对应的 node-sass 版本号

热门推荐

qq_43631129的博客

05-24

1万+

node 版本对应的 node-sass 版本号查看node所有的版本

详解vue-cli中配置sass

12-07

一、安装对应依赖node模块： npm install node-sass --save-dev npm install sass-loader --save-dev 二、打开webpack.base.config.js在loaders里面加上 rules: [ { test: /\.vue$/, loader: 'vue-loader', ...

小白学习Vue3之管理系统模板搭建（三）——node-sass安装及登录页面

weixin_48160914的博客

04-29

1211

node-sass安装

vue node、node-sass、sass-loader 的版本兼容问题

且听风吟的博客

11-16

1832

node-sass和node版本是否对应：

vue使用Sass时报错问题的解决方法

10-14

总之，解决Vue使用Sass时的报错问题，关键在于正确安装和配置对应的CSS预处理器加载器。通过阅读错误信息，确定缺少的依赖，并使用npm安装相应的包。在大多数情况下，按照上述步骤操作可以成功解决问题。如果问题...

vue node-sass 和 node版本冲突解

m0_72642319的博客

05-24

1572

在Vue项目中，经常遇到node-sass与Node.js版本冲突的问题，本文通过几中方法解决该问题

node-sass4.14.1和5.0.0版本.zip

01-20

node-sass4.14.1和5.0.0版本.zip

vue使用sass以及如何选择版本

weixin_43193877的博客

12-29

1万+

vue使用sass以及如何选择版本在vue项目开发过程中，难免要使用到像sass或less这样对于css的脚本语言但是对于新手来说，如何使用却犯了难题，安装各种后各种报错等… 接下来帮你缕清思路前言：vue中欲想使用sass，需要依托于node-sass运行，也就是说sass不能在vue中直接使用，需要借助node-sass来运行(tips：node-sass的运行环境是node)，所以说需要下载sass-loader和node-sass两个包 npm install --save-dev sas

node.js和node sass版本以及sass-loader版本对应关系

a1111131的博客

04-16

9071

node.js和node sass版本以及sass-loader版本对应关系

node-sass 对应的node版本

qq_40098459的博客

08-10

3145

node sass 对应的 node 版本

vue 看sass版本_看看不同的Sass架构

culi3182的博客

08-13

5086

vue 看sass版本As the size and complexity of a project grows, you require some sort of logic to structure your Sass files. It helps to follow some agreed upon guidelines for creating files and folders whe...

vue node node-sass sass-loader 版本对应与兼容

最新发布

csdn_aspnet的专栏，请点击博客主页右上角三个点中的私信联系

09-17

2578

同时即便切换到低版本node12中可以正常运行，但项目中使用了一些node12以上的代码语法，比如node14才支持的可选链语法，然后其它开发人员拉代码之后，就要么高版本node无法拉取node-sass包，要么切换低版本无法运行一些高版本node才支持的语法。同时上面只是一部分sass-loader的版本对应，因为没有提供官方的对应规则，所以上面的版本还是不对的话，确定好node和node-sass版本之后，可以一个一个尝试sass-loader的版本，所有版本：sass-loader - npm。

vue 中node-sass和sass版本问题解决

hyq_07_27的博客

06-28

1728

是因为我的nodejs版本为v16.15.1，高版本已经不适用node-sass,所以更换为sass。后面百度，搜到了是因为 node-sass和sass-loader版本不对应造成。然后npm install安装正确，但是npm run dev报错。直接npm uninstall node-sass。再npm run dev 再运行一下就可以了。然后使用npm install报错。然后修改版本，增加sass引用。

Vue部署Sass

u598975767的专栏

01-06

724

鉴于有几位麻油私信我，询问vue里部署sass的具体步骤，这里追加一篇文章（其实网上也有很多）。在搭建vue脚手架或者是在vue项目中，想使用sass的功能，首先在当前目录下执行如下命令 npm install node-sass --save-dev //安装node-sass npm install sass-loader --save-dev //...

vue项目node-sass sass-loader node 版本对应问题

web18484626332的博客

03-06

3317

本人总结了一套万能无错的版本 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-

sass 对应的vue版本

05-30

对应的版本如下： - Vue 2.x：`sass@^1.15.2` 和 `sass-loader@^10.0.0` - Vue 3.x：`sass@^1.32.0` 和 `sass-loader@^11.0.0` 您可以使用以下命令来安装这些依赖： ``` npm install sass@^1.15.2 sass-loader@^...