React Native 与 Typescript 和 Jest 在 0.57 更新后被破坏：无法找到相对于目录的预设“modulemetro-react-na

近期，许多React Native开发者在升级到0.57版本后遇到了一些问题。其中一个主要问题是与Typescript和Jest的兼容性问题。在升级后，开发者们可能会收到一个错误消息，指出找不到相对于目录的预设“module:metro-react-native-babel-preset”。本文将探讨这个问题，并提供一些解决方案。

javascript
module.exports = {
  resolver: {
    babelPresetPath: require.resolve('metro-react-native-babel-preset'),
  },
};

json
"jest": {
  "preset": "react-native"
}

json
"compilerOptions": {
  "jsx": "react-native"
}

javascript
// App.tsx
import React from 'react';
import { View, Text } from 'react-native';
const App = () => {
  return (
    
      Hello, React Native!
    
  );
};
export default App;

typescript
// App.test.tsx
import 'react-native';
import React from 'react';
import App from './App';
import renderer from 'react-test-renderer';
it('renders correctly', () => {
  const tree = renderer.create().toJSON();
  expect(tree).toMatchSnapshot();
});