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

目录
  • 第一种：修改源地址
  • 第二种：使用sass(dart-sass)代替node-sass
  • 补充：不同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失败解决内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们！

赞 (0)

相关推荐

  • node-sass安装失败的原因与解决方法

    前言 我们一般在利用npm 安装 node-sass 依赖时,会从 github.com 上下载 .node 文件.由于国内网络环境的问题,这个下载时间可能会很长,甚至导致超时失败. 这是使用 sass 的同学可能都会遇到的郁闷的问题. 解决方案就是使用其他源,或者使用工具下载,然后将安装源指定到本地. 解决方法一:使用淘宝镜像源 设置变量 sass_binary_site,指向淘宝镜像地址.示例: npm i node-sass --sass_binary_site=https://npm.t

  • 解决node-sass偶尔安装失败的方法小结

    最近把Node从4.4.4升级到6.9.1版本,但是在执行npm i命令安装三方依赖包的时候出现了node-sass模块安装失败的问题. 现在和大家分享下如何解决这个问题的方法 分析原因 Cannot download "https://hithub.com/sass/node-sass/releases/download/v3.13.0/win32-x64-46_binding.node" 从上图第九行代码可以看出,导致node-sass安装失败的原因是因为无法下载.node文件,解

  • 整理 node-sass 安装失败的原因及解决办法(小结)

    npm install 时偶尔遇到报错:没有安装python或node-sass 安装失败的问题,百度之后发现是被墙了,但根据百度的方法换了淘宝镜像和用了vpn都安装失败,最后发现原来是因为没有卸载之前安装失败的包导致的.作者本人最后的解决方案是npm uninstall node-sass,然后使用VPN重新安装了一遍就成功了.不能翻墙的同学请看下文 node-sass 安装失败的原因 npm 安装 node-sass 依赖时,会从 github.com 上下载 .node 文件.由于国内网络

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

    目录 第一种:修改源地址 第二种:使用sass(dart-sass)代替node-sass 补充:不同node-sass版本的环境 总结 最近发现困扰我的sass终于解决了 第一种:修改源地址 在项目的根路径中添加.npmrc文件,在这个文件中增加以下内容: sass_binary_site=https://npm.taobao.org/mirrors/node-sass/ registry=https://registry.npm.taobao.org 但是我没用这种方法,我用的第二种,亲测有

  • Pycharm安装第三方库失败解决方案

    一.报错信息:[file][Default Settint]---Project Interpreter 点击+搜索suds安装模块报错 解决:依据上图提示找到C:\Program Files\JetBrains\PyCharm 2017.2.3\helpers\packaging_tool.py 文件的192行和109行 将do_install函数和do_uninstall函数修改为如下格式 def do_install(pkgs): try: try: from pip._internal

  • Windows下pycharm安装第三方库失败(通用解决方案)

    学习python都知道,python的第三方库是很多,如果都在本机 pip 的话,在新建项目的时候都会加载不需要用到的库,影响运行速度.而且现在都是用pycharm,因为它强大好用方便.但是pycharm安装第三库也会失败的. Python有一个 virtualenv 的库,是管理虚拟运行环境,可以独立每一个运行环境,这样就可以分离不必要的库而影响运行了. pycharm强大在于创建一个Project的时候可以选择virtualenv, 选择图中可以直接创建一个独立的 Virtualenv 运行

  • VS Code安装go插件失败原因分析以及解决方案

    VS Code安装go插件失败原因分析以及解决方案

    目录 问题背景 问题原因 解决方案 方案1:快速方案 方案2:环境变量中配置 方案3:vscode中配置 总结 问题背景 VSCode是我们开发go程序的常用工具,但是安装VSCode成功后,创建一个.go文件会有如下提示: 这个是vscode提示你需要安装go插件,但是当你点击install all进行安装时,发现会安装失败. Installing 8 tools at D:\pragrams\go\bin  gocode  gopkgs  go-outline  go-symbols  dl

  • vue安装less-loader依赖失败问题及解决方案

    vue安装less-loader依赖失败问题及解决方案

    目录 vue安装less-loader依赖失败 安装less-loader报错 unable to resolve dependency tree 降低 less-loader 版本 vue安装less-loader依赖失败 vue可视化面板中提供的less-loader依赖安装失败,导致以下代码识别不了,出现错误信息 因为该项目开发用的脚手架是3.11.0版本的,不能用vue可视化面板中提供的less-loader10.1.0,所以要另外要下载低版本的less-loader,比如5.0.0的.

  • 详解antd+react项目迁移vite的解决方案

    antd+react+webpack往往是以react技术栈为主的前端项目的标准组合,三者都有成熟的生态和稳定的表现,但随着前端圈的技术不断革新,号称下一代构建平台vite2的发布,webpack似乎不那么香了,为什么这么说呢,因为vite太快了.经过一段时间的尝试,决定在项目中把webpack替换成vite试试,遂写成本文分享给大家. Vite是什么 作为本文的主角,首先简单介绍一下vite这个构建工具,该工具是尤雨溪推出的[下一代前端开发和构建工具],vite其实也不是一个新的工具,早在一年

  • CentOS上安装Node.js和mongodb笔记

    CentOS上安装Node.js和mongodb笔记

    之前听说过Node.js,只是知道它可以应用于服务器端,但是对很多具体的东西并不了解.今天在QCon上听了袁锋的分享<Node.js脱离了浏览器的Javascript>之后,顿时有了想立刻试一下的冲动. Node.js的安装步骤算是比较简单,没有太多的弯路,主要参考文档: Building and Installing Node.js 1. 安装Python 根据参考文档说明,从源代码编译安装Node.js需要python2.6或者以上,而通过yum install python.x86_64

  • 安装Node.js并启动本地服务的操作教程

    1.下载安装包: 下载地址:https://nodejs.org/en/download/,根据自己电脑的配置下载相应的windows64位安装包,下载完成后,进行安装. 2.检查是否安装成功 安装完成后,打开命令行窗口,检查是否安装成功,如下图所示,键入node -v出现node.js的版本,键入npm -v出现npm的版本,说明两者均已安装成功. 3.配置环境变量 由于我的电脑之前安装过node.js,所以需要检测一下是否配置了环境变量,打开命令行,输入命令"path",输出结果中

  • 解决Mac node版本升级失败的问题

    打开终端输入以下命令 --> 回车 -->输入密码 -->回车 -->结束: sudo rm -rf /usr/local/{bin/{node,npm},lib/node_modules/npm,lib/node,share/man/*/node.*} 一句命令搞定! 以上这篇解决Mac node版本升级失败的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们.

  • tensorflow-gpu安装的常见问题及解决方案

    装tensorflow-gpu的时候经常遇到问题,自己装过几次,经常遇到相同或者类似的问题,所以打算记录一下,也希望对其他人有所帮助 基本信息 tensorflow-gpu pip安装(virtualenv等虚拟安装实质也是pip安装,只是建了个独立的环境,不会影响系统环境,查问题比较容易,最多重新再创建一个干净的环境再来) 安装完之后会用import tensorflow看是否安装成功,结果报错,主要有碰到下面两大类报错信息: 1.ImportError: DLL load failed: 找

随机推荐