文章目录
-
- Intro
- 解决流程
-
- 总结
- 前置信息了解
-
- [npm 镜像源](#npm 镜像源)
- 三个要用到的npm命令
- 官方源确认
- 查看当前镜像源的详情
- [解决: 切换镜像源后重试](#解决: 切换镜像源后重试)
- 重新操作
- 事后感受
- 华为云再测试
Intro
事由是今天我在用 create-react-app
新建一个用于测试的前端项目。
然后就出现以下报错:
shell
wuyujin1997@wyjmacm1 Coderepo % create-react-app my-app
Creating a new React app in /Users/wuyujin1997/Coderepo/my-app.
Installing packages. This might take a couple of minutes.
Installing react, react-dom, and react-scripts with cra-template...
npm ERR! code ETARGET
npm ERR! notarget No matching version found for @eslint/eslintrc@^2.1.4.
npm ERR! notarget In most cases you or one of your dependencies are requesting
npm ERR! notarget a package version that doesn't exist.
npm ERR! A complete log of this run can be found in:
npm ERR! /Users/wuyujin1997/.npm/_logs/2023-12-02T11_24_38_818Z-debug-0.log
截图见下(核心错误行已标红):
解决流程
总结
首先,我怀疑了自己的 create-react-app
node
npm
的版本,怀疑了自己的网络问题,怀疑了我当前的操作目录问题。
这些都不是。
最终发现,是因为我自己的npm指定的镜像源registry
中,的的确确是没有该版本的该依赖 !!
而切换了一个镜像源之后重新跑命令,就可以成功。
前置信息了解
npm 镜像源
我目前记录了三个,见下(第一行是npm默认的、官方的镜像源):
shell
https://registry.npmjs.org/
https://registry.npm.taobao.org/
https://mirrors.huaweicloud.com/repository/npm/
三个要用到的npm命令
如何查看、设置镜像源registry的值
shell
npm config get registry
npm config set registry 要设置的新的registry值
如何查看(在当前镜像源下)某个依赖的信息?
shell
npm view @eslint/eslintrc@^2.1.4
npm view @eslint/eslintrc
npm view
后跟的依赖名,可指定具体版本,也可以不指定版本(若不指定版本,则会查询最新版本的该依赖包信息)。
官方源确认
首先去 npmjs.com
搜 eslintrc
这个依赖,具体页面:https://www.npmjs.com/package/@eslint/eslintrc
注意红框中的信息:
现在是 2023-12-02 20:09 pm
这个依赖在15小时前
才发布了最新的依赖版本 2.1.4
。
也就是说 @eslint/eslintrc@^2.1.4
这个版本的依赖在官方是存在的,只不过这个版本刚发布不久。【注意这句结论】
查看当前镜像源的详情
两个步骤:
- 看当前镜像源是哪个?
- 在当前镜像源下,查看我们需要的依赖包是否存在?
以上执行了三条命令:
shell
npm config get registry # 1. 当前镜像源是华为云
npm view @eslint/eslintrc@^2.1.4 # 2. 指定版本,没查到结果。【华为云没有2.1.4版本的这个依赖?】
npm view @eslint/eslintrc # 2. 不指定版本,返回的结果是 2.1.3 版本的依赖。
注意两个红圈处,说结论:
在使用华为云镜像源时,eslintrc依赖只更新到 2.1.3 ,而没有官方最新的 2.1.4 。
(镜像源之间的同步有些延时,是完全正常的。只要依赖包的范围别太大,延时的时间别太长就行)
解决: 切换镜像源后重试
现状:华为云目前还没同步到 eslintrc 依赖的最新版本 2.1.4 依赖包。
所以,我们可以换别的镜像源后再试试。
运行命令及结果文本如下:
shell
wuyujin1997@wyjmacm1 Coderepo %
wuyujin1997@wyjmacm1 Coderepo % npm config set registry https://registry.npm.taobao.org/
wuyujin1997@wyjmacm1 Coderepo %
wuyujin1997@wyjmacm1 Coderepo % npm config get registry
https://registry.npm.taobao.org/
wuyujin1997@wyjmacm1 Coderepo %
wuyujin1997@wyjmacm1 Coderepo % npm view @eslint/eslintrc@^2.1.4
@eslint/eslintrc@2.1.4 | MIT | deps: 9 | versions: 39
The legacy ESLintRC config file format for ESLint
https://github.com/eslint/eslintrc#readme
keywords: ESLint, ESLintRC, Configuration
dist
.tarball: https://registry.npmmirror.com/@eslint/eslintrc/-/eslintrc-2.1.4.tgz
.shasum: 388a269f0f25c1b6adc317b5a2c55714894c70ad
.integrity: sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==
.unpackedSize: 658.7 kB
dependencies:
ajv: ^6.12.4 globals: ^13.19.0 js-yaml: ^4.1.0
debug: ^4.3.2 ignore: ^5.2.0 minimatch: ^3.1.2
espree: ^9.6.0 import-fresh: ^3.2.1 strip-json-comments: ^3.1.1
maintainers:
- openjsfoundation <npm@openjsf.org>
- eslintbot <nicholas+eslint@nczconsulting.com>
dist-tags:
latest: 2.1.4
published 14 hours ago by eslintbot <nicholas+eslint@nczconsulting.com>
wuyujin1997@wyjmacm1 Coderepo %
运行截图如下,注意红圈部分表示切换到淘宝的镜像源后,查到了 eslintrc@2.1.4 依赖包的信息。
重新操作
我们发现了华为云的镜像源中暂时没有同步到最新版本的 @eslint/eslintrc@^2.1.4
依赖包,
切换到淘宝镜像源后发现有我们想要的依赖包。
这是再重试我们一开始报错的 create-react-app my-app
命令试试:
我成功了!
事后感受
作为一个程序员,在编程过程中遇到报错,又通过多方查证、试验解决了该问题,这个过程让人迷惑无助但结果会让人痛快,有一说为进入心流状态。
我好久没有这种痛快感了,于世去翻了一下在本文之前的最近的4条、记录在我的博客中、对我开发过程中bug的发现和解决过程的文章:
- 2023-05-28 12:31:47 An enum switch case label must be the unqualified name of an enumeration constant
- 2023-02-22 07:32:38 Interface type cannot be statically allocated
- 2023-02-19 19:35:11 Error: Timeout trying to fetch resolutions from npm
- 2023-02-19 12:18:11 blackduck issue fix
从2月份到现在,才记录了4次,今年的状态真的不好。
是懒惰,是懈怠,理想逐渐磨灭。
希望以后少点玩乐,多做点正事。
附加几句:
我个人目前认为镜像源的提供者还是好意,自己提供服务器资源来加速国内开发者对依赖包的下载,还是要表示感谢。
至于单一依赖或少量依赖的同步延时,还是前面那句话:
只要不是大量依赖的新版本同步的延时过长,就没有大问题。
所以不希望任何人因为本次将华为云切换到淘宝云就解决了下载eslintrc最新版本的问题,而认为哪个比哪个好,哪个比哪个差。
灵活运用不同资源即可。
华为云再测试
两天后,我再次切回华为云的镜像源,查看 eslintrc 的最新版本,发现 2.1.4 已经有了: