开发服务器返回响应错误代码：500

Question

我刚刚在 Webstorm 中创建了一个React Native应用程序，但是当我运行它时，它显示了以下错误：

The development server returned response error code: 500

URL: http://10.0.3.2:8081/index.android.bundle?platform=android&dev=true&hot=false&minify=false

Body:
{"message":"TransformError: F:\\MyApps\\CatalogueApp\\index.android.js: Unexpected token ) (While processing preset: \"F:\\\\MyApps\\\\CatalogueApp\\\\node_modules\\\\babel-preset-react-native\\\\index.js\")","type":"TransformError","lineNumber":0,"description":"","errors":[{"description":"","lineNumber":0}]}
processBundleResult
    BundleDownloader.java:170
access$100
    BundleDownloader.java:39
onResponse
    BundleDownloader.java:139
execute
    RealCall.java:135
run
    NamedRunnable.java:32
runWorker
    ThreadPoolExecutor.java:1113
run
    ThreadPoolExecutor.java:588
run
    Thread.java:818

为什么？

下面是图片：

Answer 1

这就是我在命令提示符中所做的事情它帮助了我。

npm uninstall babel-preset-react-native
npm install babel-preset-react-native@2.1.0

这意味着新版本的babel-preset-react-native库，并且该新版本上有一个不受支持的尾随逗号。

Answer 2

我有这个问题。它通过更正代码解决。查看运行＆＃34; react-native run-android＆＃34;时已打开的节点窗口，报告问题所在的位置，例如报告：

  

意外的令牌（27：6）

然后它会报告出现错误的部分代码。打开App.js文件，查看产生问题的代码部分并进行更正。

看看下面的图片并注意黄色部分。