i18n React-Native意外令牌';'

时间:2018-09-10 15:36:17

标签: react-native react-native-android

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

我不断收到意外的令牌';'错误。

当我注释掉字符串和静态navigationOptions的import语句时,错误消失并且构建成功:

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?    platform = android&dev = true&minify = false:112892)

意外令牌';' (http://10.0.2.2:8081/index.delta?    platform = android&dev = true&minify = false:112892)

我在IOS构建中进行了此操作,然后注意到react-native i18n更新为2.0.15,现在出现了这个奇怪的错误。任何帮助将不胜感激,我也确实将其更改为文档规格,但仍然有错误。奔跑。

也许新鲜的眼睛会有所帮助。

感谢您抽出宝贵时间阅读这篇文章

1 个答案:

答案 0 :(得分:1)

我有同样的问题。不知道从哪里开始。事实证明,如果您的翻译文件之一为空(甚至不包含{}),它将引发此错误。

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

打开了this ticket