web-dev-qa-db-ja.com

バンドルに失敗しました:エラー:プラグイン0が「default」の無効なプロパティを提供しました

私はこのコマンドを使用してAVDで反応するネイティブアプリを実行しようとしています:

react-native run-Android

ただし、次のエラーが表示されます。

 bundling failed: Error: Plugin 0 specified in "C:\\Users\\ASUS\\test\\node_modules\\babel-preset-react-native\\index.js" provided an invalid property of "default" (While processing preset: "C:\\Users\\ASUS\\test\\node_modules\\babel-preset-react-native\\index.js")
    at Plugin.init (C:\Users\ASUS\test\node_modules\babel-core\lib\transformation\plugin.js:131:13)
    at Function.normalisePlugin (C:\Users\ASUS\test\node_modules\babel-core\lib\transformation\file\options\option-manager.js:152:12)
    at C:\Users\ASUS\test\node_modules\babel-core\lib\transformation\file\options\option-manager.js:184:30
    at Array.map (<anonymous>)
    at Function.normalisePlugins (C:\Users\ASUS\test\node_modules\babel-core\lib\transformation\file\options\option-manager.js:158:20)
    at OptionManager.mergeOptions (C:\Users\ASUS\test\node_modules\babel-core\lib\transformation\file\options\option-manager.js:234:36)
    at C:\Users\ASUS\test\node_modules\babel-core\lib\transformation\file\options\option-manager.js:265:14
    at C:\Users\ASUS\test\node_modules\babel-core\lib\transformation\file\options\option-manager.js:323:22
    at Array.map (<anonymous>)

.babelrc:

{
  "presets": [
    "react-native"
    "@babel/preset-flow"
  ]
}

package.json:

{
  "name": "test",
  "version": "0.0.1",
  "private": true,
  "scripts": {
    "start": "node node_modules/react-native/local-cli/cli.js start",
    "test": "jest"
  },
  "dependencies": {
    "react": "16.4.1",
    "react-native": "^0.55.4"
  },
  "devDependencies": {
    "babel-jest": "23.4.0",
    "babel-preset-react-native": "5.0.2",
    "jest": "23.4.1",
    "react-test-renderer": "16.4.1"
  },
  "jest": {
    "preset": "react-native"
  }
}

私はWindows、node.js v 8.11.3を使用しており、native v 0.55.4を反応しています

私はすでにインターネット(特にgithub)で推奨されているすべてを試しましたが、それでも運はありません。誰かが助けてくれたら本当に感謝しています。

10
Zeinab Rostami

これはbabel-preset-react-nativeのバグです

バージョンを設定します。

yarn remove babel-preset-react-native
yarn add [email protected]
14

React native。

1. package.jsonで以下のバージョンを変更します

依存関係で:-

  "react": "16.3.1"
  "react-native": "0.55.4"

DevDependenciesで:-

  "babel-preset-react-native": "2.1.0"

2. node_modulesを削除し、npm install --saveを実行します

  1. 次に、react-native run-Androidでアプリケーションを実行します

それはうまく動作します...

2
Chirag Sharma

この問題が発生したため、ダウングレードする必要がありましたbabel-preset-react-native バージョン。

糸を使用する場合

yarn remove babel-preset-react-native
yarn add [email protected]

またはnpmコマンドを使用します

npm uninstall babel-preset-react-native
npm install [email protected]
1
Khemraj

まあそれは遅いかもしれませんが、私は以下のように他を助けますpackage.jsonは日付20.aug.2018まで働いています

以下package.json axios、Redux、Native base、react-native-router-fluxなどの依存関係のほとんどは、reactネイティブプロジェクトで使用されるため、下記のバージョンiは相互に互換性があります。乾杯。

{
  "name": "Example",
  "version": "0.0.1",
  "private": true,
  "scripts": {
    "start": "node node_modules/react-native/local-cli/cli.js start",
    "test": "jest"
  },
  "resolutions": {
    "*/@babel/cli": "7.0.0-beta.54",
    "*/@babel/core": "7.0.0-beta.54",
    "*/@babel/code-frame": "7.0.0-beta.54"
  },
  "dependencies": {
    "axios": "^0.18.0",
    "eslint": "^5.2.0",
    "native-base": "2.6.1",
    "prop-types": "^15.6.2",
    "react": "16.3.1",
    "react-native": "0.55.4",
    "react-native-router-flux": "^4.0.1",
    "react-native-timeline-listview": "^0.2.3",
    "react-navigation": "^2.11.2",
    "react-redux": "^5.0.7",
    "redux": "^4.0.0",
    "redux-logger": "^3.0.6",
    "redux-thunk": "^2.3.0"
  },
  "devDependencies": {
    "babel-jest": "23.4.2",
    "babel-preset-react-native": "4.0.0",
    "jest": "23.5.0",
    "react-test-renderer": "16.4.1"
  },
  "jest": {
    "preset": "react-native"
  }

}
1
Abhishek Garg

最新バージョンへのjestを使用する必要があります、それは動作します"babel-jest": "23.3.0", "babel-preset-react-native": "5.0.2", "jest": "23.3.0",

1
colorfulberry