React-Native錯誤：找不到模塊“ metro-react-native-babel-preset”

Question

我已將我的react版本升級到56，我已經完成了干凈的設置。 現在我正面臨這個問題，我不知道如何解決。

我什至安裝了這個https://www.npmjs.com/package/babel-preset-react-native 。

error: bundling failed: Error: Cannot find module 'metro-react-native-babel-preset' from 'D:\React\Snap'
    at Function.module.exports [as sync] (D:\React\Snap\node_modules\resolve\lib\sync.js:43:15)
    at resolveStandardizedName (D:\React\Snap\node_modules\@babel\core\lib\config\files\plugins.js:100:31)
    at resolvePreset (D:\React\Snap\node_modules\@babel\core\lib\config\files\plugins.js:57:10)
    at loadPreset (D:\React\Snap\node_modules\@babel\core\lib\config\files\plugins.js:76:20)
    at createDescriptor (D:\React\Snap\node_modules\@babel\core\lib\config\config-descriptors.js:135:21)
    at items.map (D:\React\Snap\node_modules\@babel\core\lib\config\config-descriptors.js:87:50)
    at Array.map (<anonymous>)
    at createDescriptors (D:\React\Snap\node_modules\@babel\core\lib\config\config-descriptors.js:87:29)
    at createPresetDescriptors (D:\React\Snap\node_modules\@babel\core\lib\config\config-descriptors.js:79:10)
 BUNDLE  [android, dev] ..\..\../index.js ░░░░░░░░░░░░░░░░ 0.0% (0/1), failed.

package.json

{
  "name": "SnapHaber",
  "version": "0.0.1",
  "private": true,
  "scripts": {
    "start": "node node_modules/react-native/local-cli/cli.js start",
    "test": "jest"
  },
  "dependencies": {
    "react": "16.3.1",
    "react-native": "^0.56.0",
    "react-native-firebase": "^4.3.0"
  },
  "devDependencies": {
    "babel-jest": "23.2.0",
    "babel-preset-react-native": "^5.0.2",
    "jest": "23.2.0",
    "react-test-renderer": "16.3.1"
  },
  "jest": {
    "preset": "react-native"
  }
}

.babelrc

{
  "presets": ["module:metro-react-native-babel-preset"]
}

在npm之后我Metro-react-native-babel-preset --save-dev：

   Loading dependency graph, done.
error: bundling failed: Error: [BABEL] D:\React\Snap\index.js: .overrides is not allowed in preset options
    at Object.keys.forEach.key (D:\React\Snap\node_modules\@babel\core\lib\config\validation\options.js:71:13)
    at Array.forEach (<anonymous>)
    at validate (D:\React\Snap\node_modules\@babel\core\lib\config\validation\options.js:69:21)
    at instantiatePreset (D:\React\Snap\node_modules\@babel\core\lib\config\full.js:242:36)
    at cachedFunction (D:\React\Snap\node_modules\@babel\core\lib\config\caching.js:42:19)
    at loadPresetDescriptor (D:\React\Snap\node_modules\@babel\core\lib\config\full.js:233:45)
    at config.presets.map.descriptor (D:\React\Snap\node_modules\@babel\core\lib\config\full.js:68:19)
    at Array.map (<anonymous>)
    at recurseDescriptors (D:\React\Snap\node_modules\@babel\core\lib\config\full.js:66:38)
 BUNDLE  [android, dev] ..\..\../index.js ░░░░░░░░░░░░░░░░ 0.0% (0/1), failed.

Answer 1

您安裝了錯誤的依賴關系，安裝了react-native babel預設，請嘗試安裝正確的依賴項，即Metro-react-native-babel-preset。 您可以通過安裝

npm i metro-react-native-babel-preset --save-dev

有關更多詳細信息，請參閱此鏈接https://www.npmjs.com/package/metro-react-native-babel-preset

Answer 2

這對我有用

npm install metro-core 

然后

expo start -c