React-Native Demo 工程 TransformError babel-preset-react-native
阿新 • • 發佈：2019-01-28
一、問題
1. 現象
如果你依照RN官方文件或者RN中文網建立工程，你會遇到以下報錯：
![bundling failed: "TransformError: /Users/eduardo/Desktop/rn_reproduce_transform_error/index.ios.js: Unexpected token ) (While processing preset: "/Users/eduardo/Desktop/rn_reproduce_transform_error/node_modules/babel-preset-react-native/index.js")"而沒有按照預期顯示”Welcome to React Native!”介面。
2. 復現步驟
- react-native init rn_reproduce_transform_error
-
cd rn_reproduce_transform_error -
react-native run-ios or react-native run-android 3. 環境
react-native-cli: 2.0.1
react-native: 0.47.1
node -v: v6.2.1
npm -v: 5.3.0
yarn -v: v0.27.5二、原因
babel-preset-react-native版本不匹配
三、解決
1. 執行以下命令列
// 如果安裝了yern
yarn remove babel-preset-react-native
yarn add babel-preset 或者
// 如果安裝了npm
npm uninstall babel-preset-react-native
npm install babel-preset-react-native@2.1.0- 重啟終端、模擬器。