React Native项目npm安装包成功但导入时崩溃问题求助

这个问题我之前也遇到过，核心原因很明确：从React 15.5.0版本开始，PropTypes已经从React核心库中被剥离，单独成了prop-types这个独立包。你项目里的某个（或多个）旧依赖包还在沿用React.PropTypes的写法，而现在你使用的React版本已经没有这个属性了，所以才会抛出这些"undefined is not an object"的错误。

下面是几种逐步递进的解决方案，你可以根据自己的情况选择：

1. 优先升级有问题的依赖包 #

这是最稳妥的方案，优先让依赖适配新版本的React：

• 先定位出具体是哪个依赖在搞事情：你可以看报错栈里的文件路径（比如报错信息里会显示来自node_modules/xxx/xxx.js），或者用命令npm ls prop-types查看依赖树，找出那些没有正确依赖prop-types包的旧库。
• 去这个依赖的npm页面或GitHub仓库看看有没有更新版本，新版本通常已经修复了PropTypes的导入方式。运行命令升级：

  # 升级到最新版本
  npm install [问题依赖包名]@latest --save
  # 或者如果需要指定版本
  npm install [问题依赖包名]@x.x.x --save
  

• 升级完成后，记得重新安装依赖并同步原生模块：

  npm install
  # iOS项目需要同步Pods
  npx pod-install
  

2. 给无人维护的依赖打补丁 #

如果某个依赖已经停止更新，找不到兼容新版本React的版本，可以用patch-package给它手动打补丁：

• 先安装patch-package工具：

  npm install patch-package --save-dev
  

• 找到node_modules里有问题的依赖包，打开它的源代码，把所有用到React.PropTypes的地方改成：

  // 原来的写法
  import React from 'react';
  React.PropTypes.array
  
  // 改成单独导入prop-types
  import PropTypes from 'prop-types';
  PropTypes.array
  

• 修改完成后，运行命令生成补丁文件：

  npx patch-package [问题依赖包名]
  

• 之后项目里会生成一个patches文件夹，里面保存着你的补丁。其他人安装依赖时，只要运行npm install，patch-package会自动帮你应用这个补丁。

3. 临时应急兼容方案（不推荐长期使用） #

如果暂时没时间处理升级或打补丁，可以在项目入口文件（比如App.js或index.js）里临时给React挂载PropTypes：

import React from 'react';
import PropTypes from 'prop-types';

// 临时给React添加已废弃的PropTypes属性，仅作应急
React.PropTypes = PropTypes;

⚠️ 注意：这只是权宜之计，官方已经废弃了React.PropTypes，未来的React版本可能会彻底移除相关兼容逻辑，所以还是尽快用前两种方案解决根本问题。

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