当前位置:网站首页 > Vue.js开发 > 正文

安装nodemodules命令报错安装vue-loader(安装node_modules)



目录前言解决方法一:使用淘宝镜像源(推荐)解决方法二:使用 cnpm解决方法三:创建.npmrc文件解决方法四:下载 .node 到本地如果这个 .node 还不能解决用这个方法。直接搞定。解决方法五:使用梯子 来源解决办法三,重新配置node-sass缓存!解决办法操作步骤总结
前言 项目中常常遇到node-sass安装失败,动不动就是报各种错误。以前我一次也没有失败过,自从系统重装我的天呀,node-sass就没有成功过,我能做的node卸载,sass重装各种版,以及换了淘宝镜像和用了vpn都安装失败。我也是无语,今天没事特意搜搜了看,一次复制了别人的文章进行总结,可以尝试一下,应该是可以的。
(这个是我在react项目中直接解决的 node-sass方法
https:///article/268609.htm
这个是我的解决react项目中node-sass博客地址.不过我觉得可能有更好的方案。)
好了废话不多说哦,总有一款适合你。
我遇到的问题一:
npm install 时偶尔遇到报错:没有安装python或node-sass 安装失败的问题。
百度之后发现是被墙了,但根据百度的方法换了淘宝镜像和用了vpn都安装失败,最后发现原来是因为没有卸载之前安装失败的包导致的。文中给出了两种报错问题,使用淘宝镜像或者使用yarn,找不到当前环境的绑定可以删除重跑。
node-sass 安装失败的原因
npm 安装 node-sass 依赖时,会从 github.com 上下载 .node 文件。由于国内网络环境的问题,这个下载时间可能会很长,甚至导致超时失败。
这是使用 sass 的同学可能都会遇到的郁闷的问题。
解决方案就是使用其他源,或者使用工具下载,然后将安装源指定到本地。

解决方法一:使用淘宝镜像源(推荐) 设置变量 sass_binary_site,指向淘宝镜像地址。示例:
执行命令
或者设置全局镜像源:
之后再涉及到 node-sass 的安装时就会从淘宝镜像下载。

解决方法二:使用 cnpm 使用 cnpm 安装 node-sass 会默认从淘宝镜像源下载,也是一个办法:
执行命令

解决方法三:创建.npmrc文件 在项目根目录创建.npmrc文件,复制下面代码到该文件。
保存后 删除之前安装失败的包(第一次安装请跳过此步) 执行命令
重新安装

解决方法四:下载 .node 到本地 (在国内使用gulp编译sass时,需要安装gulp-sass,而gulp-sass依赖node-sass.
node-sass安装需要.node文件,国内由于各种原因无法下载)
方法 :
1、使用命令行安装node-sass,提升安装失败:Cannot download

2、 尝试使用浏览器下载上面提到的地址。
命令行下载方式与浏览器下载方式不同。浏览器可能可以正常下载
3、下载完成后复制文件到指定目录(目录不要有空格、中文)。
如复制到E盘根目录下

4、回到命令行安装界面。
设置SASS_BINARY_PATH环境变量 set SASS_BINARY_PATH=E:/win32-x64-46_binding.node 文件名根据自己下载的文件自行修改
然后再次安装,可以看到我们安装成功了

5、node-sass安装时,查看需要的.node文件是否存在。
如果存在就不下载,如果不存在,需要下载。
我们已经告诉node-sass文件已经下载下来了,就在E盘,你去哪里找,他一看确实有,直接使用不再下载。
6、当然你可以直接这样做
去根据版本号、系统环境,选择下载 .node 文件,然后安装时,指定变量 sass_binary_path
安装失败后重新安装问题
之前安装失败,再安装就不去下载了,怎么办呢?那就先卸载再安装:
问题:[npm install 报node-sass错误]
问题:Node Sass找不到当前环境的绑定
Node Sass could not find a binding for your current environment
解决方案。

删除node_modules并运行npm install然后npm rebuild node-sass 什么都不做。
stackoverflow原文

如果这个 .node 还不能解决用这个方法。直接搞定。 1 查看版本号

配置 变量 sass_binary_path:npm 命令或者yarn命令

解决方法五:使用梯子 来源 假设你的梯子在你本地机器上开启了一个第三方服务器 127.0.0.1:8080,那么只需按照下面的方法配置一下就能正常安装 node-sass 了(如果你开启的是 PAC 模式而不是全局模式,那还需要将 s3.amazonaws.com 加入 PAC 列表):
我遇到的问题二
npm i node-sass -s安装
报错信息
看着这报错信息,看到有文件下载出现404,然后我又去找文件,结果搞hosts文件,我以为是python问题,然后重装各种版本python…
花了3小时,试了网上无数种答案,没有可以解决的
解决方案一(有可能你还是不会成功,因为我也试了,这种方法以前是可以的)
将sass-loader和node-sass的版本号提高到最新版,目前的最新版如下(2019年7月12日)
“sass-loader”: “^7.1.0”,
“node-sass”: “^4.12.0”,
如图所示,把package.json文件修改一下

然后再执行如下命令安装
2020-05-06更新
这个问题出现的原因往往是 Node-sass 的版本问题,可能的一个原因是:因为版本太老所以会导致有的依赖项已经找不到了,公司有一个4年前的老项目就是这种问题,上面修改Node-sass的版本为4.12并不一定适合所有项目,可以多测试几个版本,如果上面的版本失败了可以试一试这个版本
2021-06-06更新
Nodejs版本切换为13.6,这样才可以匹配上node sass的版本
简单的方法是,先卸载nodejs,然后安装13.6版本的
Nodejs13.6版本官网下载
仍然失败怎么办?那就试试第二种解决方案
发现: gyp ERR! build error 应该是没有安装什么
解决办法二:
主要是windows平台缺少编译环境,
1、先运行:
2、然后运行:
本以为万事大吉 一执行 npm install node-sass --save-dev 悲剧的事情上演了
解决办法:
保存后 删除之前安装失败的包(第一次安装请跳过此步)
重新安装

解决办法三,重新配置node-sass 通常在各种方式都试过之后还是不行的时候,我们要考虑下是不是遗忘了哪个细节?

缓存! 没错,可能我们思路本来都是对的,但是实际在运行时并没有按照我们预期的去执行,缓存就是可能导致这种情况的因素之一。
现在前端安装依赖大家常用的工具是npm和yarn
而这两者都有各自的缓存机制,有时候,第一次安装node-sass失败后,可能这个包就已经被缓存了,导致我们后续再进行安装时,就
不再会从远程服务器或者是代理去拉取了。这就导致了一个死循环,永远拉不到正确的文件。
成因
其实node-sass安装不成功的跟本原因大家基本都清楚,就是他在安装过程中,需要用到一个二进制文件:binding.node,但是坑爹的是,这个二进制文件在“外面”,也就是需要科学上网才能获取,这就导致了绝大部分的安装失败。
除此之外,其实还有一些是因为通过设置各种代理之后,仍然不能获取到正确的binding.node文件,具体原因可能多种多样,但其实我们不需要关心这些问题,我们知道了问题的成因,那么直接从根源上解决问题即可。

解决办法 分析清除了成因之后,解决问题就相对容易多了。既然node-sass总是从缓存拉取,那么我们就在缓存那里,直接把正确的文件放在那里,这样在安装node-sass时,直接从缓存中拉倒了正确的binding.node文件,问题便得以解决。
所以我们要做以下几件事情:
1、检测当前环境中,node-sass要使用的binding.node对应的版本
2、获取到对应版本的binding.node
3、将获取到的binding.node放到缓存中

操作步骤 1、查看当前环境适用的binding.node

2、到这里下载对应版本的文件。链接地址: https://github.com/sass/node-sass/releases
3、将下载好的文件放入缓存目录中
yarn缓存目录:C:Users你的用户名-AppData下的文件夹Local下的文件夹Yarn下的文件夹Cache
npm缓存目录:C:Users你的用户名-AppData下的文件夹Roaming下的文件夹npm-cache下的node-sass

注意
node-sass最终安装正确的情况下,目录结构是这样的:
所以为了保证正确安装,我们需要按照这个格式把下载到的文件放到缓存的目录下。
这里,win32-x64-93在不同的环境下可能有不同的版本,要注意看一下你本地对应的是什么版本。
查看版本上面给出了一个命令
查看版本还有一种方式,就是当你第一次安装失败时,你去node-modules中去找node-sass目录,然后找到vender目录,进去就能看到你的环境下,building.node对应的版本了。
我本地的目录结构如下,供参考:


4、重新安装node-sass

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

到此这篇安装nodemodules命令报错安装vue-loader(安装node_modules)的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章,希望大家都能在编程的领域有一番成就!

版权声明


相关文章:

  • vue钩子函数执行顺序(vue钩子函数详解)2025-03-22 18:00:04
  • vue路由跳转报错(vue路由跳转报错Unexpected number)2025-03-22 18:00:04
  • pcie5.0 硬盘(pcie 4.0硬盘)2025-03-22 18:00:04
  • 富文本控件(富文本控件vue<edito)2025-03-22 18:00:04
  • redhat6.9挂载硬盘(redhat7挂载本地yum)2025-03-22 18:00:04
  • pcie5.0什么时候上市(pcie5.0 intel)2025-03-22 18:00:04
  • 192.168.100.1随身wifi登录(192.168.100.1随身wifi登录器密码)2025-03-22 18:00:04
  • vue2.0和3.0区别面试题(vue2.0 vue3.0)2025-03-22 18:00:04
  • vue插槽(vue插槽的理解)2025-03-22 18:00:04
  • ubuntu更换源命令(ubuntu18.04更换源)2025-03-22 18:00:04
  • 全屏图片