首页> 疑难解答

React Native启动项目捆绑失败,出现Unexpected Token错误

withpy 2021-06-19

简介我正在尝试使用https://facebook.github.io/react-native/docs/getting-started.html上的说明为Android创建我的第一个React Native应用程序。设置依赖项并连接后...

我正在尝试使用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

有谁知道为什么我可能会收到意外的令牌错误?任何帮助将不胜感激!

18
投票

我得到了同样的东西,看起来最新版本的babel预设反应原生有一些错误(版本3.0.0)。我进入了我的package.json并用这个替换了最新版本:

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

然后我删除了node_modules目录并运行了npm install并且它工作正常。


4
投票

安装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


1
投票
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

0
投票

我克隆了你的项目。它工作正常。您可以删除node_modules文件夹,然后删除npm_install。它会工作正常。


0
投票

尝试删除根目录中的.babelrc文件。或者重命名它。然后重新运行“react-native run-android”命令。这对我有用。祝好运。


0
投票

尝试设置一个新项目,选择react-native的版本如下:

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

转到新项目目录。

CD project_name

在android studio中打开应用程序。打开AVD管理器模拟器并选择虚拟设备。然后在提示符处执行此命令:

react-native run-android

这对我有用。希望它也可以帮到你。


0
投票

也可能是因为您正在使用的依赖项,需要将其放入babel.config.js的预设中

例如我使用世博会,然后被驱逐出境。其中一个依赖是react-native-paper,我必须更改babel.config.js文件以使其正常工作。

相关文章

  • 如何在启动画面中加载3点动画

    嗨,我正在尝试制作我的第一个Android应用程序,我做了一个闪屏。但是,我尝试添加加载请在底部等待,每2秒增加一次。我不知道怎么做...

  • 无法在Redhat 7.5中连接到数据源

    我正在为redhat sso设置测试机器。我需要将它连接到Microsoft SQL Server 2016数据库。我已经安装了jdbc驱动程序7.2。数据源是NON XA。我没有......

  • 将PDO结果集数组转换为字符串

    我有一个从数据库中检索结果集的类。结果包装在数组中,然后存储为会话变量,如代码$ days = array()中所示; $ amount = array(); $ ...

  • drop_duplicates在熊猫中不起作用?

    我的代码的目的是导入2个Excel文件,比较它们,并将差异打印到新的Excel文件。但是,在连接所有数据之后,使用drop_duplicates函数,......

  • 无法实例化活动ComponentInfo(应用程序一直停止)

    我收到错误“无法实例化活动ComponentInfo”当我运行应用程序和应用程序保持崩溃。代码与教程非常相似。我真的不知道如何解决这个问题。如果有的话......

  • 循环通过Leaflet Map图层

    我正在使用Leaflet JS来构建我的地图,但是我在选择图层时遇到了一些问题。我的目标是使我的地图适合多边形。 Leaflet为地图上的每个元素生成Leaflet ID,但这些ID ...