已安装React运行react-native-ultimate-modal-picker报找不到React变量错误如何解决
遗漏配置排查方向
- 打包工具外部依赖配置
如果你使用Rollup、Webpack等工具打包NPM包,必须将react、react-native标记为external外部依赖。如果未配置该参数,构建工具会尝试将React代码打包进你的产物,或者运行时无法正确关联宿主项目安装的React实例,触发变量未定义报错。 - JSX转换规则适配
如果你的包需要兼容React 17以下版本,需要确保打包时使用旧版JSX转换规则,同时所有组件统一使用import * as React from 'react'的导入写法,避免esModuleInterop配置不一致导致默认导入取不到值的问题。如果仅支持React 17及以上版本,需要在peerDependencies中明确标注react >= 17.0.0的版本限制。 - 构建产物校验
可以解压已发布的NPM包文件,检查构建后的JS产物中是否存在未前置导入React就直接调用React.createElement的代码,确认所有组件的React导入语句在打包后被正确保留,没有被误tree-shake移除。 - peerDependencies范围校验
确认peerDependencies中react、react-native的版本范围覆盖宿主项目的常用版本区间,避免版本不匹配导致的依赖加载异常。
内容的提问来源于stack exchange,提问作者jefelewis
相关产品推荐
相关产品推荐

