React Native啟動項目捆綁失敗，出現Unexpected Token錯誤

Question

我正在嘗試使用https://facebook.github.io/react-native/docs/getting-started.html上的說明為Android創建我的第一個React Native應用程序。 設置依賴項並連接我的Android設備后，我跑了

react-native init app
cd app
react-native run-android

這啟動了React Packager，它無法捆綁此錯誤：

錯誤：捆綁失敗：“TransformError：/Users/luky/dev/app/index.android.js：意外令牌”（處理預設時：\\“/ Users / luky / dev / app / node_modules / babel-preset-react-本地/ index.js \\ “）”

我在用：

• OSX El Capitan 10.11.6。
• 節點版本6.9.2
• react-native version 0.47.1。

我將生成的項目（包括node_modules）推送到Github，以防它有所幫助： https ： //github.com/luky1971/react-native-app

有誰知道為什么我可能會收到意外的令牌錯誤？ 任何幫助將不勝感激！

Answer 1

我得到了同樣的東西，看起來最新版本的babel預設反應原生有一些錯誤（版本3.0.0）。 我進入了我的package.json並用這個替換了最新版本：

“babel-preset-react-native”：“2.1.0”。

然后我刪除了node_modules目錄並運行了npm install並且它工作正常。

Answer 2

安裝babel-preset-react-native@2.1.0並運行該項目。

在當前項目中，這樣做......

yarn remove babel-preset-react-native
yarn add babel-preset-react-native@2.1.0

這對我有用，我希望它也適合你。

你可以在這里找到關於錯誤的更多信息https://github.com/facebook/react-native/issues/15513#issuecomment-322824346

Answer 3

嘗試刪除根目錄中的.babelrc文件。 或者重命名它。 然后重新運行“react-native run-android”命令。 這對我有用。 祝好運。

Answer 4

Looking for JS files in
   /Users/admin/Desktop/CoinMarketCap 


React packager ready.

Loading dependency graph, done.
Bundling `index.ios.js`  [development, non-minified, hmr disabled]  0.0% (0/1), failed.
error: bundling failed: "TransformError: /Users/admin/Desktop/CoinMarketCap/index.ios.js: Unexpected token ) (While processing preset: \"/Users/admin/Desktop/CoinMarketCap/node_modules/babel-preset-react-native/index.js\")"

iMac-D001:CoinMarketCap admin$ react-native --v
react-native-cli: 2.0.1
react-native: 0.47.1

修正了它： https ： //github.com/facebook/react-native/issues/15545

iMac-D001:CoinMarketCap admin$ npm uninstall babel-preset-react-native
iMac-D001:CoinMarketCap admin$ npm install babel-preset-react-native@2.1.0

Answer 5

我克隆了你的項目。 它工作正常。 您可以刪除node_modules文件夾，然后刪除npm_install。 它會工作正常。

Answer 6

嘗試設置一個新項目，選擇react-native的版本如下：

react-native init --version =“0.55.0”MyNewApp

轉到新項目目錄。

CD project_name

在android studio中打開應用程序。 打開AVD管理器模擬器並選擇虛擬設備。 然后在提示符處執行此命令：

react-native run-android

這對我有用。 希望它也可以幫到你。

Answer 7

也可能是因為您正在使用的依賴項，需要將其放入babel.config.js的預設中

例如，我使用世博會，然后被驅逐出境。 其中一個依賴是react-native-paper ，我不得不更改babel.config.js文件以使其正常工作。