react-native - i18n React-Native 意外标记 ';'

Question

我在一个 IOS 项目中设置了 I18n，现在正在一个 Android 项目中工作。

我不断收到意想不到的标记 ';'错误。

当我注释掉字符串的导入语句和静态导航选项时，错误消失并且构建成功:

import React, { Component } from 'react';
import {
  View,
  Text,
  StyleSheet,
  ImageBackgroud,
  // TextInput
} from 'react-native';
// import {
//   Button
// } from 'react-native-elements';
// import {
//   Spinner
// } from '../components/common';

here --> //import { strings } from '../locales/i18n';

class SignUp extends Component {

  //static navigationOptions = {
 here -->// title: strings('SignUp.title')
  //}

  constructor(props) {
    super(props);
    this.state = {
      email: '',
      password: '',
      loading: false
    };
  }

  render() {
   return (
      <ImageBackgroud
        source={require('.././assets/swooshResize.jpg')}
        style={styles.backG}
      >
        <View>
          <Text>
           HELLO!
          </Text>
        </View>
      </ImageBackgroud>
    );
  }

}

const styles = StyleSheet.create({
  backG: {
     width: '100%',
     height: '100%'
  },
});

export default SignUp;

这是语言环境文件 i18n.js:

import I18n from 'react-native-i18n';
import en from './en.json';
import fr from './fr.json';
import es from './es.json';

I18n.fallbacks = true;

I18n.translations = {
  en, 
  fr,
  es
};

// RTL language support
// export const isRTL = currentLocale.indexOf('he') === 0 || 
currentLocale.indexOf('ar') === 0;

// Allow RTL alignment in RTL languages
// ReactNative.I18nManager.allowRTL(isRTL);

export function strings(name, params = {}) {
  return I18n.t(name, params);
}

export default I18n;

这是英语的 JSON:

{
  "SignUp": {
    "title": "Sign Up"
  }
}

完整错误信息:

意外的标记“；” ( http://10.0.2.2:8081/index.delta ？ 平台=android&dev=true&minify=false:112892)

意外的标记“;” ( http://10.0.2.2:8081/index.delta ？ 平台=android&dev=true&minify=false:112892)

我在 IOS 构建中运行它，然后注意到 react-native i18n 更新到 2.0.15，现在我得到了这个奇怪的错误。任何帮助将不胜感激，我也确实将其更改为文档规范，但它仍然有错误。运行中的 eslint。

也许一双全新的眼睛会有所帮助。

感谢您花时间看这篇文章

Answer 1

我遇到了同样的问题。不知道从哪里开始。事实证明，如果您的翻译文件之一只是空的(甚至不包含 {})，它就会抛出此错误。

通过为所有翻译文件提供内容来解决此问题，至少 {} 使其成为有效的 json 文件。

已打开 this ticket .