React Native Reanimated初始化失败及AppRegistry调用异常求助

一、匹配react-native-reanimated兼容版本 #

Expo 46与React Native 0.70.5对应的react-native-reanimated兼容版本为**~2.9.1**，版本不匹配是初始化失败的常见原因：

• 检查package.json中的版本，若不匹配执行：

  npm install react-native-reanimated@~2.9.1 --save-exact
  

二、修正babel插件配置顺序 #

react-native-reanimated/plugin必须放在babel插件列表的最后一位，否则会导致初始化异常，配置示例：

module.exports = function(api) {
  api.cache(true);
  return {
    presets: ['babel-preset-expo'],
    plugins: [
      // 其他插件均放在此上方
      'react-native-reanimated/plugin'
    ]
  };
};

三、彻底清除缓存与重装依赖 #

普通缓存清理可能不彻底，执行全套清理步骤：

npm cache clean --force
rm -rf node_modules package-lock.json
npm install
npx expo start --clear

四、排查ViewPropTypes修复的冲突点 #

• 确认所有使用ViewPropTypes的代码都已替换为：

  import { ViewPropTypes } from 'deprecated-react-native-prop-types';
  

• 用npm ls react-native查看依赖树，排查是否有第三方库仍在直接引用React Native内置的ViewPropTypes，对未兼容的库要么升级版本，要么用patch-package临时修复。

五、验证AppRegistry注册正确性 #

Invariant Violation错误多为reanimated初始化失败的连锁反应，解决reanimated问题后通常会自动消失。若仍存在，检查入口文件的注册逻辑：

import { AppRegistry } from 'react-native';
import App from './App';
import { name as appName } from './app.json';

AppRegistry.registerComponent(appName, () => App);

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