node16在vue2.0项目中安装sass报错——解决

最新推荐文章于 2023-07-12 10:48:02 发布
最新推荐文章于 2023-07-12 10:48:02 发布
阅读量1.1k 收藏 2
点赞数 2
分类专栏： 软件安装 文章标签： sass 前端 vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42566993/article/details/125589531
版权

我们在node16环境下安装sass时，sass-loader时安装成功的，但是node-sass会报错，这是因为：
根据 node-sass 官网的说法，不同的 node.js 版本需要安装不同的 node-sass 版本，并且 node-sass 已经废弃，推荐使用 Dart Sass 代替，Dart Sass 在 npm 中的包名为 sass 。
所以使用命令 npm i sass-loader sass -D

King_960725
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
node16新版本安装node-sass报错
weixin_44715407的博客
03-16 2150
记录一次node-sass版本报错当前版本报错![在这里插入图片描述](https://img-blog.csdnimg.cn/de2254a90a8c45bb8115f4e5f5d4fa20.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAd2VpeGluXzQ0NzE1NDA3,size_17,color_FFFFFF,t_70,g_se,x_16)解决方案 当前版本 node v16.14.0 默
node-sass报错
weixin_43840320的博客
07-13 222
npm install 报错，node-sass和node版本不匹配 解决方案： 一：重新安装低版本node 链接: node官网 二：重新安装node-sass指定版本 重新安装node报错 解决方法： 使用淘宝镜像安装 npm install -g cnpm --registry=https://registry.npm.taobao.org 下载指定版本（此处我的node版本为v12.9.1） cnpm install node-sass@4.12.0 --save 如若下载不成功可卸载n
Node16+版本出现node-sass兼容性问题
热门推荐
qq_54879026的博客
04-17 1万+
最近多次遇到这个问题，node16+版本安装或者初始化带有node-sass和sass-loader包的项目报错。翻遍了所有相关文章，总结出以下两种解决办法： 方法一： 卸载旧版本的node-sass和sass-loader，安装sass和sass-loader，不再使用node-sass npm uninstall sass-loader node-sass npm install sass-loader@8.0.2 sass@1.26.5 -D 方法二： 安装node16+相对应版本的no
renren-fast-vue npm启动报错：node.js 版本v16
m0_46588211的博客
11-12 2557
学习谷粒商城用到人人开源，在运行前端renren-fast-vue的时候，npm install启动一直报错无法生成`node_modules` 我的node版本是16 解决方法 首先用npm去安装cnpm npm install cnpm -g --registry=https://registry.npm.taobao.org 然后运行 cnpm install 运行过后我现在可以生成`node_modules`文件，可以使用 npm run dev 将项目跑起来 但是跑.
node-sass报错问题
zhaohuanzh的博客
08-26 451
1.Node Sass does not yet support your current environment: Linux 64-bit with Unsupported runtime 环境:ubuntu16 报错原因:缺少相关依赖 解决办法:npm rebuild node-sass 还未解决:npm uninstall --save node-sassnpm install --save node-sass 还未解决:npm cache cleannpm install --save no
详解在vue-cli项目中安装node-sass
12-01
3，可以通过淘宝的npm镜像安装node-sass，解决以上问题。 npm install -g cnpm --registry=https://registry.npm.taobao.org （安装淘宝镜像） cnpm install node-sass --save （使用淘宝镜像安装node-sass）
vue踩坑记-在项目中安装依赖模块npm install报错
10-17
主要介绍了vue踩坑记-在项目中安装依赖模块npm install报错，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
Vue 2.0在IE11中打开项目页面空白的问题解决
12-09
因为工作的需要，学习Vue2.0也有一段时间，最近在用Vue2.0的官方脚手架工具构建的项目，chrome中跑一直没有问题，但ie11打开出现了bug： 问题 ie11打开vue2.0项目空白,控制台报错 vuex requires a Promise polyfill...
vue项目中安装node-sass和sass-loader出错
qq_43580810的博客
03-15 137
vue2项目中在命令行使用cnpm安装node-sass和sass-loader出错，版本不匹配问题。卸载了原来版本不匹配的node-sass：cnpm uninstall node-sass。局部安装了对应版本的node-sass和sass-loader后，项目运行成功。安装指定版本node-sass：cnpm i node-sass@6。
vue安装
sanjiaowuhuan的博客
11-15 101
node 下载地址： https://nodejs.org/en/download/ 安装完成之后： 进入cmd命令行执行： #npm 是node js的一个包管理器（相当于java中的maven） 设置镜像为淘宝的镜像，为了加快下载的速度 npm config set registry https://registry.npm.taobao.org/ cnpm 就是默认使用 taobao 镜像下...
【vue3 + scss】node版本16.0安装scss
qq_36687211的博客
01-03 521
node版本16.0安装scss
vue node版本报错解决
NOPR_W的博客
08-25 440
node 版本问题
node.js从安装配置到运行vue项目
weixin_44728473的博客
06-17 517
node.js从安装配置到运行vue项目
vue2+webpack4+vue-cli3+node16+npm8核心集成文件
xuzhiyongcsdnper
10-23 434
【代码】vue2+webpack4+vue-cli3+node16+npm8核心集成文件。
创建node10.16.0+vue2项目
@
07-12 329
1、安装node10.16.0版本。
解决node16版本在启动项目时，项目中node-sass和sass-loader版本不兼容的情况
qq_36040157的博客
04-25 5538
1、安装node16版本后，需要对项目中的node-sass和sass-loader进行升级，否则会报如下错误 Error: Node Sass does not yet support your current environment: Windows 64-bit with Unsupported runtime 2、这时你需要将node-sass升级到6.x版本，同时sass-loader升级到10.x版本，然后再运行项目就好啦； 注意：还有一种情况是，项目里对之前的sass文件做了全
NodeJS升级到16后node-sass和sass-loader版本兼容问题
asdfadafd的博客
03-08 1222
在升级完node.js后启动项目是发现报错，这是由于版本兼容导致的，最终无报错依赖如下： "dependencies": { "core-js": "^3.6.5", "element-ui": "^2.3.6", "font-awesome": "^4.7.0", "mavon-editor": "^2.10.4", "node-sass": "6.0.1", "sass-loader": "10.2.0", "vue": "^2.6.11",
Win10 安装 Node 16 和 Vue
m0_37048012的博客
12-22 4891
Win10 安装 Node 16 和 Vue
cli安装scss
m0_59226489的博客
08-25 492
cli安装scss
vue项目安装sass后,在项目中使用报错
最新发布
01-24
在Vue项目中安装sass后，出现报错可能是由于一些常见的问题导致的。首先，需要确保在项目中正确安装了sass-loader和node-sass依赖，可以使用以下命令进行安装： ``` npm install sass-loader node-sass --save-dev ``` 安装完成后，需要在项目的webpack配置文件中正确配置sass-loader，以确保正确加载sass文件。在webpack配置文件中，需要添加类似以下的配置： ``` module: { rules: [ { test: /\.s[ac]ss$/i, use: [ // ... 'sass-loader', ], }, ], } ``` 另外，还需要确保项目中正确引入了sass文件，在Vue组件中引入sass文件的方式通常是使用`<style>`标签并添加`lang="scss"`属性。例如： ```html <style lang="scss"> // Your scss code here </style> ``` 当这些配置都正确完成后，应该能够在项目中正常使用sass文件，并且不再出现报错。如果报错仍未解决，可以尝试重新安装依赖、清除缓存或查看项目的日志，以便进一步分析和解决问题。希望以上方法能够帮助解决问题。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

King_960725

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值