首页 > 其他分享 >react19.0.0 仓库安装

react19.0.0 仓库安装

时间:2024-05-25 17:55:44浏览次数:26  
标签:node yarn 仓库 react19.0 autoreconf gifsicle com 安装

react19.0.0 仓库安装

克隆仓库到本地:
git clone https://github.com/facebook/react.git
ReactVersions 中可以看到当前版本为 19.0.0

在项目下有个 .nvmrc 文件,指定了 node 版本为 18.20.0 (react18.3.1 配套的 node 版本为 14.17.6 这跨度有点大啊)

安装 node 18.20.0 nvm install 18.20.0

安装完成后切换 node 版本 nvm use ,该命令会根据 .nvmrc 的配置切换到 node 18.20.0

package.json 中指定了包管理器是 [email protected]

安装 [email protected]npm i [email protected] --global

yarn 安装完成后,设置国内镜像源 yarn config set registry https://registry.npmmirror.com

准备工作完成,开始安装依赖 yarn install

安装后会报错:

error /Users/pmx/Sites/Commonfiles/Github/react/node_modules/gifsicle: Command failed.
Exit code: 1
Command: node lib/install.js
Arguments:
Directory: /Users/pmx/Sites/Commonfiles/Github/react/node_modules/gifsicle
Output:
⚠ connect ECONNREFUSED 0.0.0.0:443
⚠ gifsicle pre-build test failed
ℹ compiling from source
✖ Error: Command failed: /bin/sh -c autoreconf -ivf
autoreconf: export WARNINGS=
autoreconf: Entering directory '.'
autoreconf: configure.ac: not using Gettext
autoreconf: running: aclocal --force
Can't exec "aclocal": No such file or directory at /opt/homebrew/Cellar/autoconf/2.72/share/autoconf/Autom4te/FileUtils.pm line 299.
autoreconf: error: aclocal failed with exit status: 2

这个错误是安装完成后报的,因为 package.json 中配置了 postinstall 指令,安装完成后会执行该指令。
报错是 gifsicle 中抛出的,查看 gifsicle 代码

gifsicle/lib/install.js

try {
  await bin.run(['--version']);
} catch (error) {
  log.warn('gifsicle pre-build test failed');
}

继续查看 gifsicle/lib/index.js

const url = `https://raw.githubusercontent.com/imagemin/gifsicle-bin/v${pkg.version}/vendor/`;

定位到问题,因为 raw.githubusercontent.com 在国内是被墙了的,所以我的处理方式是配置本地 DNS

首先查看 raw.githubusercontent.com 可解析的 IP 地址

工具:https://ping.chinaz.com/https://raw.githubusercontent.com
选择 ping 通的 IP 地址,配置到 hosts 中

sudo vim /etc/hosts

写入
185.199.110.133 raw.githubusercontent.com

hosts 配置完成后,重启电脑即可生效。如果不想重启电脑,需要手动清除 DNS 缓存 + 重启网络服务
sudo dscacheutil -flushcache; sudo killall -HUP mDNSResponder
注意 Mac 版本不同,指令也会有区别

删除 node_modules 重新安装

[4/4] 

标签:node,yarn,仓库,react19.0,autoreconf,gifsicle,com,安装
From: https://www.cnblogs.com/bibiafa/p/18212726

相关文章

  • react 19.0.0 仓库安装
    react19.0.0仓库安装克隆仓库到本地:gitclonehttps://github.com/facebook/react.git在项目下有个.nvmrc文件,指定了node版本为18.20.0安装node18.20.0nvminstall18.20.0安装完成后切换node版本nvmuse,该命令会根据.nvmrc的配置切换到node18.20.0packa......
  • ubuntu24.04 安装 cupy
    概述我的cuda版本是12x的,对齐版本,故cupy也是12x版本,12代表cuda大的版本号,x代表小的版本号可以不同,用一个变量x代表。cupy依赖CUDAToolkit12.x,在ubuntu24.04下,它的名字是:nvidia-cuda-toolkit,使用aptshow查看一下软件的版本:(torch)logic@PC:~$aptsh......
  • Nodejs安装及配置,包含Windows和Linux两种平台
    目录1.下载安装包2.Windows下安装3.Linux下安装4.使用Vite创建Vue项目5.结语Node.js是前端开发的必备工具,特别是在使用Vue或React开发项目时,需要npm安装依赖、运行开发环境以及项目打包,这里就分别介绍一下在Windows和Linux平台如何安装Nodejs。文章结尾,笔者还会......
  • docker安装MySQL8.0.35主从复制(实战保姆级)
    很久没有记录了,今天有时间就记录一下最近安装遇到的问题 liunx安装docker这个是前提,就不多过述1准备两台服务器10.104.13.13910.104.13.1402确保liunx安装的docker正常运行的ps:最好提前关闭防火墙或者提前开放对应端口不然同步会失败的关闭防火墙后记得重启docker......
  • 微信小程序上线必备:SSL证书申请以及安装
    一、认识ssl证书1、ssl证书是什么?SSL证书,全称SecureSocketLayerCertificate,是一种数字证书,它遵循SSL(现在通常指TLS,TransportLayerSecurity)协议标准,用于在客户端(如浏览器)和服务器之间建立安全的加密连接。SSL证书的核心作用包括:2、ssl证书的作用1.服务器身份验证:SS......
  • Linux入门第三章安装及管理程序
    一.应用程序与命令的关系                                               文件位置:一般在/bin/sbin目录中,或为shell内部指令通常在/usr和usr/sbin目录中。     主......
  • 安装笔记本应用商店的pycharm,再安排pandas等模块,说是没有打包工具?
    大家好,我是Python进阶者。一、前言前几天在Python最强王者交流群【斌】问了一个Python库安装的问题。求教大佬:华为笔记本,麒麟系统,安装笔记本应用商店的pycharm,再安排pandas等模块,说是没有打包工具,再安装打包工具冒出来这个故障,求教这是什么故障?怎么解决呢?二、实现过程这里【......
  • Ubuntu输入法安装
    1、更新软件资源sudoaptupdate2、安装输入法\3、安装sudoaptinstallfcitxdcitx-googlepinyin4、重启reboot5、选择配置6、添加中文输入法7、到终端或文本测试是否安装成功......
  • nvm介绍、下载、安装、配置及使用,(Node Version Manager)nodejs版本管理切换工具
    1、介绍nvm在Web前端项目开发过程中,由于各种前端框架、插件以及Nodejs、Npm的飞速更新,在项目新开发或对老项目进行更新维护时,有些项目版本的配置和当前Node、Npm环境不匹配,导致运行报错,甚至都无法启动。nvm的出现就是为了解决以上问题的,nvm是一个Node.js版本管理器,......
  • 联网安装与源码安装mysql
    一、卸载mariadb的rpm包1、首先,你需要找出已安装的MariaDB包的具体名称。可以使用以下命令列出所有已安装的MariaDB包:rpm-qa|grepmariadb2、删除命令(安装mysql不一定需要卸载)yum-yremove+【上图的文件名】或者rpm-e--nodeps+【上图的文件名】二、通过yum在线安装M......