React Native 0.83への移行に関する問題のトラブルシューティング

​

npmのエラー

​

ERESOLVE - ピア依存関係の解決が失敗する

1. クリーンインストールを行います。
   rm -rf node_modules package-lock.json
   npm install
   
2. それでもエラーが発生する場合は、エラー出力（「Found: X」と「Could not resolve: Y」）から競合を特定します。
3. 依存関係のすべてのバージョンが、ターゲットのRN 0.83の要件と一致していることを確認します。
4. --legacy-peer-depsは使用しないでください。使用すると、ランタイムエラーを引き起こす競合が隠されてしまいます。

​

ピアのreactバージョンが競合する（0.72がキャッシュされている）

rm -rf node_modules package-lock.json

​

@types/reactのバージョンが一致しない

"@types/react": "^19.2.0",
"@types/react-test-renderer": "^19.1.0"

​

ts-jestのピア依存関係が競合する

"ts-jest": "^29.1.0"

​

TypeScriptのエラー

​

extendsに指定したtsconfig.jsonが見つからない

"extends": "@react-native/typescript-config"

​

allowImportingTsExtensionsまたはcustomConditions

"compilerOptions": {
  "moduleResolution": "bundler",
  "allowImportingTsExtensions": false
}

​

isolatedModulesで型の再エクスポートがエラーになる

export type { Cookie } from './types/CookieManagerTypes';

​

CMakeとネイティブビルドに関するエラー

​

keplerscriptターゲットが見つからない

# すべての参照を次のように変更します。
keplerui::keplerscript-2 → keplerui::keplerscript-4

​

C++20の機能がサポートされない

​

Metroバンドラーのエラー

​

Cannot find module ‘@react-native/babel-preset’

rm -rf node_modules
npm install
npm start -- --reset-cache

​

Unable to resolve module

rm -rf node_modules/.cache
npm start -- --reset-cache

​

Jestとテストに関するエラー

​

SyntaxError: Cannot use import statement outside a module（プラットフォームパッケージ）

"node_modules/(?!((jest-)?react-native|@react-native(-community)?|@amazon-devices/react-native-kepler)|react-native-safe-area-context)"

​

Cannot read properties of undefined（Dimensions/PixelRatio/StyleSheet）

​

Can’t access .root on unmounted test renderer

​

NativeAnimatedModuleのメソッドスタブがない

​

ナビゲーションスタックのタイマーがリークする

beforeEach(() => jest.useFakeTimers());
afterEach(() => {
  jest.runOnlyPendingTimers();
  jest.useRealTimers();
});

​

keplerscript-native-ui-componentsにreact-nativeが入れ子になっている

​

実行時のエラー

​

Failed to load runtime module: IKeplerScript_2_0

​

Cannot find module ‘@amazon-devices/keplerscript-commonmodules’

"@amazon-devices/keplerscript-commonmodules": "^1.0.0"

​

Unrecognized command build-kepler

"@react-native-community/cli": "11.3.2"

​

ReferenceError: useState is not defined

import React, { useState, useEffect, useCallback } from 'react';