【问题标题】:React Native: Transform Error for Unexpected Token (React Native:意外令牌的转换错误(
【发布时间】:2018-01-25 04:45:18
【问题描述】:

我已按照React Native's Android Setup Page 中显示的确切说明运行代码,昨天没有遇到任何问题。今天,我试图运行完全相同的代码。它说,正如我在下面提供的“构建成功”,但我看到只有 android/build/intermediates/dex-cache/cache.xml 文件,android/builid 文件夹中没有更多内容。还有以下错误as shown in this image。我试图找出问题所在。这是终端输出:

ugur@ugur-Lenovo-ideapad-510-15IKB:~/Desktop/tutorials/react native tutorial/NewPro$ react-native run-android
Scanning 559 folders for symlinks in /home/ugur/Desktop/tutorials/react native tutorial/NewPro/node_modules (2ms)
Starting JS server...
Building and installing the app on the device (cd android && ./gradlew installDebug)...
Incremental java compilation is an incubating feature.
:app:preBuild UP-TO-DATE
:app:preDebugBuild UP-TO-DATE
:app:checkDebugManifest
:app:preReleaseBuild UP-TO-DATE
:app:prepareComAndroidSupportAppcompatV72301Library UP-TO-DATE
:app:prepareComAndroidSupportSupportV42301Library UP-TO-DATE
:app:prepareComFacebookFbuiTextlayoutbuilderTextlayoutbuilder100Library UP-TO-DATE
:app:prepareComFacebookFrescoDrawee101Library UP-TO-DATE
:app:prepareComFacebookFrescoFbcore101Library UP-TO-DATE
:app:prepareComFacebookFrescoFresco101Library UP-TO-DATE
:app:prepareComFacebookFrescoImagepipeline101Library UP-TO-DATE
:app:prepareComFacebookFrescoImagepipelineBase101Library UP-TO-DATE
:app:prepareComFacebookFrescoImagepipelineOkhttp3101Library UP-TO-DATE
:app:prepareComFacebookReactReactNative0471Library UP-TO-DATE
:app:prepareComFacebookSoloaderSoloader010Library UP-TO-DATE
:app:prepareOrgWebkitAndroidJscR174650Library UP-TO-DATE
:app:prepareDebugDependencies
:app:compileDebugAidl UP-TO-DATE
:app:compileDebugRenderscript UP-TO-DATE
:app:generateDebugBuildConfig UP-TO-DATE
:app:mergeDebugShaders UP-TO-DATE
:app:compileDebugShaders UP-TO-DATE
:app:generateDebugAssets UP-TO-DATE
:app:mergeDebugAssets UP-TO-DATE
:app:generateDebugResValues UP-TO-DATE
:app:generateDebugResources UP-TO-DATE
:app:mergeDebugResources UP-TO-DATE
:app:bundleDebugJsAndAssets SKIPPED
:app:processDebugManifest UP-TO-DATE
:app:processDebugResources UP-TO-DATE
:app:generateDebugSources UP-TO-DATE
:app:incrementalDebugJavaCompilationSafeguard UP-TO-DATE
:app:compileDebugJavaWithJavac UP-TO-DATE
:app:compileDebugNdk UP-TO-DATE
:app:compileDebugSources UP-TO-DATE
:app:transformClassesWithDexForDebug UP-TO-DATE
:app:mergeDebugJniLibFolders UP-TO-DATE
:app:transformNative_libsWithMergeJniLibsForDebug UP-TO-DATE
:app:processDebugJavaRes UP-TO-DATE
:app:transformResourcesWithMergeJavaResForDebug UP-TO-DATE
:app:validateSigningDebug
:app:packageDebug UP-TO-DATE
:app:assembleDebug UP-TO-DATE
:app:installDebug
Installing APK 'app-debug.apk' on 'SM-N910C - 6.0.1' for app:debug
Installed on 1 device.

BUILD SUCCESSFUL

Total time: 17.032 secs
Running /home/ugur/Android/Sdk/platform-tools/adb -s 4100fef8e47db1b3 reverse tcp:8081 tcp:8081
adb server version (32) doesn't match this client (39); killing...
* daemon started successfully *
Starting the app on 4100fef8e47db1b3 (/home/ugur/Android/Sdk/platform-tools/adb -s 4100fef8e47db1b3 shell am start -n com.newpro/com.newpro.MainActivity)...
Starting: Intent { cmp=com.newpro/.MainActivity }

我的操作系统是 Elementary OS,Node v6.11.2,react-native-cli v2.0.1。

如果您能指导我找出我的构建出了什么问题,我会很高兴。

【问题讨论】:

    标签: reactjs react-native native babeljs


    【解决方案1】:

    这与babel-preset-react-native 模块有关。试试跑吧,

    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
    

    【讨论】:

    • 似乎 3.0 存在一些问题,或者文档与新更改不一致。
    【解决方案2】:

    在主题中回答了这个问题:https://stackoverflow.com/a/45778766/4621698

    这对我有用。

    解决方法:

    "dependencies": {
    "react": "16.0.0-alpha.12",
    "react-native": "0.47.1",
    "babel-preset-react-native": "2.1.0"
    },
    

    见上文,现在 babel-preset-react-native 指向 2.1.0。 那么,

    rm -rf node_module
    npm cache clean
    npm i
    

    然后重启安卓或ios。

    【讨论】:

      【解决方案3】:

      删除 node_modules 文件夹,然后运行命令。

       npm install
      

      然后运行项目。

      【讨论】:

        【解决方案4】:

        尝试杀死端口 8081 上的任何进程

        如果您在 MAC 上,则运行以下命令

        sudo lsof -n -i4TCP:8081
        

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 1970-01-01
          • 2018-09-13
          • 2017-07-28
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 2019-05-29
          • 1970-01-01
          相关资源
          最近更新 更多