[解決済み] モジュール `@babel/runtime/helpers/interopRequireDefault` を解決できない。
2023-05-21 20:54:07
質問
リアクトネイティブプロジェクトを新規に作成する際、標準の
react-native init MyApp
を実行し
react-native run-ios
を実行すると、次のエラーが表示されます。
error: bundling failed: Error: Unable to resolve module `@babel/runtime/helpers/interopRequireDefault` from `/Users/chrisedgington/Development/ReactNative/SixNationsPredictor/index.js`: Module `@babel/runtime/helpers/interopRequireDefault` does not exist in the Haste module map
This might be related to https://github.com/facebook/react-native/issues/4968
To resolve try the following:
1. Clear watchman watches: `watchman watch-del-all`.
2. Delete the `node_modules` folder: `rm -rf node_modules && npm install`.
3. Reset Metro Bundler cache: `rm -rf /tmp/metro-bundler-cache-*` or `npm start -- --reset-cache`.
4. Remove haste cache: `rm -rf /tmp/haste-map-react-native-packager-*`.
at ModuleResolver.resolveDependency (/Users/chrisedgington/Development/ReactNative/MyApp/node_modules/metro/src/node-haste/DependencyGraph/ModuleResolution.js:209:1301)
at ResolutionRequest.resolveDependency (/Users/chrisedgington/Development/ReactNative/MyApp/node_modules/metro/src/node-haste/DependencyGraph/ResolutionRequest.js:83:16)
at DependencyGraph.resolveDependency (/Users/chrisedgington/Development/ReactNative/MyApp/node_modules/metro/src/node-haste/DependencyGraph.js:238:485)
at Object.resolve (/Users/chrisedgington/Development/ReactNative/MyApp/node_modules/metro/src/lib/transformHelpers.js:180:25)
at dependencies.map.result (/Users/chrisedgington/Development/ReactNative/MyApp/node_modules/metro/src/DeltaBundler/traverseDependencies.js:311:29)
at Array.map (<anonymous>)
at resolveDependencies (/Users/chrisedgington/Development/ReactNative/MyApp/node_modules/metro/src/DeltaBundler/traverseDependencies.js:307:16)
at /Users/chrisedgington/Development/ReactNative/MyApp/node_modules/metro/src/DeltaBundler/traverseDependencies.js:164:33
at Generator.next (<anonymous>)
at step (/Users/chrisedgington/Development/ReactNative/MyApp/node_modules/metro/src/DeltaBundler/traverseDependencies.js:266:307)
私は提案されたものを実行してみましたが、まだ同じ問題が表示されます。私は同様の問題に関するいくつかの投稿を見ましたが、何も具体的にreact-nativeで問題を解決する方法を言っていないようです。
macOS: 10.13.6
node: 8.11.3
react-native-cli: 2.0.1
react-native: 0.57.1
どのように解決するのですか?
試してみてください。
npm add @babel/runtime
または、babelランタイムをアップグレードする。
"@babel/runtime": "7.0.0-beta.55"
関連
-
[解決済み] React Native - StyleSheetを使用する利点は、プレーンなオブジェクトと比較して何ですか?
-
[解決済み] React-Nativeは最初の文字が大文字でないものを書けない
-
[解決済み] react nativeプロジェクトにインストールされたライブラリを削除する方法
-
[解決済み] Androidのフラットリスト(React Native)でスクロールバーを隠す
-
[解決済み] React Native アニメーション、完全なイベント
-
[解決済み] React Nativeで電話をかけるには?
-
[解決済み] React Nativeで「リモートデバッガがバックグラウンドのタブにある」という警告を消す。
-
[解決済み] React Nativeのプロジェクト名を変更しますか?
-
[解決済み] React Native のフラットリスト、カラム、最後のアイテム幅
-
[解決済み] React ナビゲーション goBack() と親の状態の更新
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] React-Nativeは最初の文字が大文字でないものを書けない
-
[解決済み] TouchableNativeFeedback、TouchableHighlight、TouchableOpacityをいつ使うか?
-
[解決済み] react nativeプロジェクトにインストールされたライブラリを削除する方法
-
[解決済み] Androidのフラットリスト(React Native)でスクロールバーを隠す
-
[解決済み] React Nativeのエラー。"javaのバージョンを'9.0.1'から決定できませんでした。"
-
[解決済み] React Nativeで電話をかけるには?
-
[解決済み] Xcode throws 'atomic_notify_one<unsigned long>' is unavailable
-
[解決済み] React Nativeのプロジェクト名を変更しますか?
-
[解決済み] React ナビゲーション goBack() と親の状態の更新
-
[解決済み] リアクトナビゲーションで異なるネストされたスタック間を移動する方法