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

君杰 no_equal

已于 2022-04-25 14:21:28 修改

阅读量411

点赞数

文章标签： vue

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

本文链接：https://blog.csdn.net/no_equal/article/details/124403732

版权

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

摘要由CSDN通过智能技术生成

问题描述(我的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

分享到新浪微博

扫一扫

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

web18484626332的博客

03-06

2586

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

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

weixin_47908090的博客

04-18

7397

node-sass sass-loader node

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

node-sass 对应的node版本

热门推荐

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

5695

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

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

weixin_44870969的博客

04-19

5890

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

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

且听风吟的博客

11-16

1321

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', ...

vue项目node-sass版本的问题

qq_32393261的博客

11-06

3555

问题：小白自己尝试调试vue前端项目，执行cnpm install后，显示正常如下界面：但是在执行cnpm run dev 的时候，又出现了错误如下：解决方法： 1、手动删除项目文件夹中的文件夹：node_modules 2、重新编译，下载node_modules中的包（此处需要等好久，尤其是网络不好的时候）：npm install 3、删除package.json里的node-sass：npm uninstall node-sass --save 4、安装package.j

node-sass4.14.1和5.0.0版本.zip

01-20

node-sass4.14.1和5.0.0版本.zip

Vue3中使用Sass详解

2301_79099480的博客

05-06

971

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

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

hyq_07_27的博客

06-28

1514

是因为我的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引用。

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

qq_43631129的博客

05-24

6606

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

Vue部署Sass

u598975767的专栏

01-06

622

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

sass安装版本问题版本冲突问题

weixin_44121378的博客

08-19

324

主要是解决sass和node-sass 冲突问题

样式saas插件与node版本冲突终极解决方案

weixin_40521770的博客

03-15

4437

sass-loader 官网各种版本详细信息(可支持的node-saas版本)卸载掉本机node-sass sass-loader，卸载不掉的话手动删掉。NodeJS和Supported node-sass version。

【vue系列】在Vue项目中使用Sass-----（scss）安装详解，新手跟着做即可

05-31

3631

提示：不用安装其他环境--网上其他地方说什么安装rubby？环境，在这不用--- Vue项目上安装scss-- 1.使用vue-cli模板创建新项目： vue init webpack myvue 2.安装sass 依赖包，在cmd界面输入： npminstall sass-loader --save-dev npm install node-sass --sava-dev ...

sass 对应的vue版本

05-30

如果您想要在 Vue 中使用 Sass，您需要安装 `sass` 和 `sass-loader` 两个依赖。对应的版本如下： - 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@^10.0.0 --save-dev // Vue 2.x npm install sass@^1.32.0 sass-loader@^11.0.0 --save-dev // Vue 3.x ``` 安装完成后，您就可以在 Vue 组件中使用 Sass 了。您可以在组件的 `<style>` 标签中添加 `lang="scss"` 属性，然后就可以使用 Sass 语法了。例如： ``` <template> <div class="my-component"> <p>{{ message }}</p> </div> </template> <script> export default { data() { return { message: 'Hello, world!' } } } </script> <style lang="scss"> .my-component { p { font-size: 16px; color: #333; } } </style> ``` 这样，您就可以使用 Sass 进行样式编写了。