webpack中node-sass、sass-loader在Linux中安装问题

webpack中node-sass、sass-loader在Linux中安装问题,第1张

我是在深度deepin4.15.0的Linux系统上搭建的环境,node和npm版本如下:

安装node-sass的过程中确实很容易遇到的坑

1、一开始安装的时候一直报错,看报错也没仔细,在网上找了各种安装node-sass的方法,均失败;

2、后来仔细看了一下是g++命令执行失败导致的,这种情况是Linux *** 作系统g++版本的问题,属于g++低版本的原因。

报错当时忘记截图了,后来也没找到,所以就不附报错内容了。

3、先更新系统g++版本

a.先更新安装更新gcc(需要在root权限下去更新):

sudo apt-get install gcc

b.再安装更新g++(需要在root权限下去更新):

sudo apt-get install g++

4、这样g++就安装好了,可以开始安装node-sass了,本以为会一路绿灯,无奈事与愿违;

刚开始安装node-sass是4.5.3的版本安装报错如下:

出现这种报错情况一般是版本的问题导致。

5、安装node-sass的4.12.0版本没有报错就算成功了:

npm install node-sass@4.12.0

(可以加 -g 或 -save-dev 进行全局或局部安装)

6、安装sass-loader的7.1.0版本没有报错就算成功的;

npm install sass-loader@7.1.0

(可以加 -g 或 -save-dev 进行全局或局部安装)

7、可以到package.json文件中查看包是否存在

总结: 安装各种webpack的依赖经常会出现这种或那样的问题,需要我们仔细分析一下报错才行。虽然网上有各种问题的安装方法,但按照他们的也许可行,也许不可行,但总会耗费自己的大量时间。所以仔细分析自己的报错是什么原因导致的,才能对症下药快速解决问题。

由于sass是基于ruby环境下使用的,所以要先安装ruby , win 7系统直接进入下载你所需要的ruby版本。

下载完,安装程序。

运行cmd.exe命令

输入ruby -v,会显示安装的ruby 版本.

现在我们开始安装sass,在“开始”菜单中打开ruby的控制面板。

输入gem install sass ,按回车键执行命令。如果提示安装成功,这个步骤后面的内容可忽略。但大多数情况下,由于国内网络原因,导致 rubygems.org 存放在 Amazon S3 上面的资源文件间歇性连接失败。这时候我们可以通过gem sources命令来配置源,先移除默认的源,然后添加淘宝的源,然后查看下当前使用的源是哪个,如果是淘宝的,则表示可以输入sass安装命令gem install sass了。具体 *** 作如下:

先移除默认的源,命令为gem sources --remove /,按回车,结果如下:

添加淘宝的源,命令为gem sources -a ,按回车,结果如下:

查看当前使用的源,命令为gem sources -1,按回车,结果如下:

执行gem install sass 命令,安装sass, 结果如下:

执行sass -v命令,就可以看到你安装的sass版本了,结果如下:

到这里,sass就已经安装好了。后话:

更新sass的命令语句为:gem update

如果想要安装sass的某一特定版本,命令语句为: gem install sass --version=3.3.0

如果想要删除sass的某一特定版本,命令语句为: gem uninstall sass --version=3.3.0

查看ruby 安装的所有程序包,命令语句为: gem list


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/yw/6245386.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-03-19
下一篇2023-03-19

发表评论

登录后才能评论

评论列表(0条)

    保存