执行npx react-native init创建项目失败报npm 404错误如何解决

• 相关报错截图：点击查看

问题触发场景 #

在终端执行如下命令创建React Native新项目时触发初始化失败：
npx react-native init BMO

执行过程输出 #

1. 前置警告：npm提示配置项--global、--local已废弃，需改用--location=global
2. 正常输出React Native欢迎提示：

Welcome to React Native!
             Learn once, write anywhere

3. 直接抛出失败提示：下载模板失败，对应失败原因为命令执行异常：npm install --save --save-exact react-native@latest

后续输出的日志包含四类信息：

• 重复弹出上述npm配置项废弃警告
• ERESOLVE对等依赖覆盖警告：解析react-shallow-renderer@16.14.1依赖时，本地已解析到react@18.0.0版本，该版本是待安装的react-native@0.69.0的官方对等依赖，同时被@react-native-community/cli、use-sync-external-store依赖；但react-shallow-renderer@16.14.1要求的react版本范围为^16.0.0 || ^17.0.0，和已解析的React18版本不兼容，匹配的兼容版本为react@17.0.2
• 废弃依赖警告，均为上游依赖的版本迭代提示，不影响功能：
  • source-map-url@0.4.1已废弃
  • urix@0.1.0已废弃
  • source-map-resolve@0.5.3已废弃
  • resolve-url@0.2.1已废弃
  • uglify-es@3.3.9已废弃，v3.13.0版本后已由uglify-js承接ECMAScript语法支持能力
• 核心报错：npm抛出E404错误码，拉取update-browserslist-db@1.0.4包时访问的注册表地址失效，对应资源不存在；npm同时提示支持通过本地压缩包、本地目录、http地址、git地址等方式安装依赖
• 日志路径提示：本次执行的完整debug日志存储在C:\Users\Admin\AppData\Local\npm-cache_logs\2022-06-24T09_51_54_707Z-debug-0.log

修复步骤 #

1. 修正npm注册表配置，替换掉失效的源地址，执行命令切到稳定的国内镜像源：
   npm config set registry https://registry.npmmirror.com
   执行完成后运行npm config get registry校验，确认输出地址为上述配置的镜像地址，无失效的skimdb相关域名即可。
2. 清理本地npm缓存，避免旧缓存的异常配置干扰安装：
   npm cache clean --force
3. 避开0.69版本刚发布时的React18适配问题，指定依赖兼容的稳定版本初始化项目，执行：
   npx react-native@0.68.2 init BMO

说明：初始化过程中弹出的废弃依赖警告为上游依赖的迭代提示，不会影响项目正常创建和运行，无需额外处理。

内容的提问来源于stack exchange，提问作者XIEE