React安装node-sass失败解决方案分享

 更新时间:2022年11月28日 10:05:13   作者:小刘先生很努力  
Node-sass是一个库,它将Node.js绑定到LibSass(流行样式表预处理器Sass的C版本),它允许用户以令人难以置信的速度将.scss文件本地编译为css,并通过连接中间件自动编译,下面这篇文章主要给大家介绍了关于React安装node-sass失败解决的相关资料,需要的朋友可以参考下

最近发现困扰我的sass终于解决了

第一种:修改源地址

在项目的根路径中添加.npmrc文件,在这个文件中增加以下内容:

sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
registry=https://registry.npm.taobao.org
但是我没用这种方法,我用的第二种,亲测有效哦!!!

第二种:使用sass(dart-sass)代替node-sass

Dart Sass 是 Sass 的主要实现版本,这意味着它集成新功能要早于任何其它的实现版本。

dart-sass已经改名了,在npm库中这样写的:This package has been renamed to ‘sass’.(意思是:此包已被重命名为“sass”。)

yarn add sass node-sass@npm:sass  
或者
npm install sass node-sass@npm:sass  

解决啦

补充:不同node-sass版本的环境

https://github.com/sass/node-sass/releases

安装中出现问题总结

两步骤解决出现Node Sass version 7.0.0 is incompatible with 4.0.0错误使用 create-react-app 构建前端工程

想要使用sass,安装好 npm install node-sass --save

启动服务报错:

Node Sass version 7.0.1 is incompatible with ^4.0.0

看错误是不兼容导致的

npm uninstall node-sass
npm i -D sass

亲测可用!

总结

到此这篇关于React安装node-sass失败解决方案的文章就介绍到这了,更多相关React安装node-sass失败解决内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • React实现一个拖拽排序组件的示例代码

    React实现一个拖拽排序组件的示例代码

    这篇文章主要给大家介绍了React实现一个拖拽排序组件 - 支持多行多列、支持TypeScript、支持Flip动画、可自定义拖拽区域,文章通过代码示例介绍的非常详细,需要的朋友可以参考下
    2023-11-11
  • react中如何使用监听

    react中如何使用监听

    在 React 中,您可以使用 addEventListener 函数来监听事件,本文通过实例代码给大家介绍react中如何使用监听,感兴趣的朋友跟随小编一起看看吧
    2023-10-10
  • 前端开发使用Ant Design项目评价

    前端开发使用Ant Design项目评价

    这篇文章主要为大家介绍了前端开发使用Ant Design项目评价,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-08-08
  • react创建项目启动报错的完美解决方法

    react创建项目启动报错的完美解决方法

    这篇文章主要介绍了react创建项目启动报错的完美解决方法,全称为Node Package Manager,是随同NodeJS一起安装的包管理工具,本文通过实例代码给大家介绍的非常详细,需要的朋友可以参考下
    2022-08-08
  • React 组件传 children 的各种案例方案详解

    React 组件传 children 的各种案例方案详解

    自定义组件的时候往往需要传 children,由于写法比较多样,我就总结了一下,要自定义的组件其中包含一个 title 和一个 children,本文通过实例代码给大家介绍的非常详细,需要的朋友参考下吧
    2023-10-10
  • 关于react-router中的Prompt组件使用心得

    关于react-router中的Prompt组件使用心得

    这篇文章主要介绍了关于react-router中的Prompt组件学习心得,Prompt组件作用是,在用户准备离开该页面时, 弹出提示, 返回true或者false, 如果为true, 则离开页面, 如果为false, 则停留在该页面,本文结合示例代码介绍的非常详细,需要的朋友可以参考下
    2023-01-01
  • 一看就懂的ReactJs基础入门教程-精华版

    一看就懂的ReactJs基础入门教程-精华版

    现在最热门的前端框架有AngularJS、React、Bootstrap等。自从接触了ReactJS,ReactJs的虚拟DOM(Virtual DOM)和组件化的开发深深的吸引了我,下面来跟我一起领略ReactJs的风采吧~~ 文章有点长,耐心读完,你会有很大收获哦
    2021-04-04
  • 详解在React.js中使用PureComponent的重要性和使用方式

    详解在React.js中使用PureComponent的重要性和使用方式

    这篇文章主要介绍了详解在React.js中使用PureComponent的重要性和使用方式,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-07-07
  • 浅谈react 同构之样式直出

    浅谈react 同构之样式直出

    这篇文章主要介绍了浅谈react 同构之样式直出,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-11-11
  • React中项目路由配置与跳转方法详解

    React中项目路由配置与跳转方法详解

    这篇文章主要为大家详细介绍了React中项目路由配置与跳转方法的相关资料,文中的示例代码讲解详细,具有一定的学习价值,感兴趣的小伙伴可以了解一下
    2023-08-08

最新评论