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

Error on import statement in JavaScript/React Native code

本文关键字：import 语句 出错 代码 React Native JavaScript      更新时间：2023-09-26

我试图在我的iOS应用程序中合并一个React组件的单选按钮，这是用React Native编写的，但是当我试图使用作者指定的方法导入组件时，我得到了一个错误。

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

npm i -S react-native-radio-buttons

一切看起来都很顺利，所以我将组件的代码合并到将使用它的屏幕的JS文件中，但是我在第一行(包含import语句)得到了一个错误。

import语句是这样的:

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

错误是:

Uncaught SyntaxError: Unexpected reserved word

据我所知，这应该是ES6中可以接受的方式。如果有人能告诉我为什么会这样，我会很感激。

react-native-radio-buttons作者此处，

我假设每个人都在使用启用了ES6特性的Babel。我应该把它添加到README中。

编辑:指令.babelrc添加到0.4.2

请尝试将这个.babelrc文件添加到您的项目根目录，如提供的示例所示:

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

您是否使用工具从ES6进行翻译?"进口"是行不通的。

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

?

相关文章：