React Native技术求助：遇TypeError及AppRegistry未注册报错

1. TypeError: undefined 不是一个对象 (计算 '_reactNative.Text.propTypes.style' 时) #

原因 #

React Native 0.70+版本已移除内置组件（如Text）的propTypes暴露，若代码中直接访问Text.propTypes.style（比如自定义组件时复用该prop类型），或依赖库未适配新版本RN，就会触发此错误。

解决步骤 #

• 移除代码中直接访问Text.propTypes的逻辑，改用手动定义prop类型：
  1. 安装prop-types包：npm install prop-types或yarn add prop-types
  2. 导入后自定义样式prop类型：

     import PropTypes from 'prop-types';
     // 自定义组件的propTypes
     YourComponent.propTypes = {
       style: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),
     };
     

• 若为第三方依赖导致，检查依赖库的RN兼容性，升级到适配当前RN版本的版本，或替换为兼容的替代库。
• 确认项目中React Native版本，若为旧版本仍出现此错误，检查Text的导入是否正确：确保是import { Text } from 'react-native'，而非错误的导入路径。

2. Invariant Violation: 模块AppRegistry不是已注册的可调用模块（调用runApplication时） #

原因 #

常见触发原因包括：应用入口文件路径配置错误、JS bundle文件损坏、React Native初始化阶段出现错误、依赖缺失导致初始化失败。

解决步骤 #

• 检查入口文件配置：
  1. 确认项目根目录的index.js或App.js中，已正确注册应用：

     import { AppRegistry } from 'react-native';
     import App from './App';
     import { name as appName } from './app.json';
     
     AppRegistry.registerComponent(appName, () => App);
     

  2. 检查iOS/Android项目的入口配置：
     • iOS：在Info.plist中确认NSBundleURLSchemes和JS bundle路径正确；
     • Android：在MainApplication.java中确认getJSMainModuleName()返回的是正确的入口文件名（如"index"）。
• 清除缓存并重启服务：运行npx react-native start --reset-cache，待缓存清除后重新启动Metro服务，再重新构建项目。
• 重新生成JS bundle：若使用离线bundle，执行npx react-native bundle --platform ios --dev false --entry-file index.js --bundle-output ios/main.jsbundle --assets-dest ios（iOS）或对应Android命令，重新生成完整的bundle文件。
• 检查依赖完整性：删除node_modules文件夹和package-lock.json/yarn.lock，重新执行npm install或yarn install，确保所有依赖正确安装后再构建项目。

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