React-Native Demo 工程 TransformError babel-preset-react-native

一、問題

  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!"界面。

  1. 復現步驟
  • react-native init rn_reproduce_transform_error
  • cd rn_reproduce_transform_error
  • react-native run-ios or react-native run-android
  1. 環境
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-react-native@2.1.0

或者

// 如果安裝了npm
npm uninstall babel-preset-react-native
npm install babel-preset-react-native@2.1.0
  1. 重啟終端、模擬器。

四、參考
stackoverflow
react-native/issues/15513

最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容