JavaScript / React Native代码中的import语句出错

时间:2015-08-10 19:35:38

标签: javascript ios react-native

我正在尝试在我的iOS应用程序中使用React Native中的单选按钮组合React组件,但是在尝试使用作者指定的方法导入组件时出现错误。

我首先使用以下语句在应用程序的XCode项目/源代码的根目录中安装该组件:

npm i -S react-native-radio-buttons

所有内容看起来都很顺利,所以我将组件的代码合并到了JS文件中,用于使用它的屏幕,但是我在第一行(包含import语句)时收到错误。 / p>

import语句如下:

import { RadioButtons } from 'react-native-radio-buttons'

错误是:

Uncaught SyntaxError: Unexpected reserved word

据我所知,这应该是在ES6中做事的可接受方式。如果有人能告诉我为什么会这样,我将不胜感激。提前谢谢。

2 个答案:

答案 0 :(得分:5)

react-native-radio-buttons作者,

我假设每个人都在使用启用了ES6功能的Babel。我应该将它添加到自述文件中。

编辑:添加到.babelrc的说明和示例0.4.2

请尝试将此.babelrc文件添加到项目根目录,如提供的示例所示:

{
  "whitelist": [
    "es6.modules"
  ]
}

答案 1 :(得分:0)

您是否使用工具从ES​​6翻译? "进口"不会起作用。你试过了吗?

var RadioButtons = require('react-native-radio-buttons'); 

代替?