0

React Native と Native Base を構成しました。Android 用のアプリをデプロイすると、コード内のコンテナー コンポーネントが存在する場所の近くで予期しないトークンが見つかったことを示すエラーがスローされます。

私のpackage.jsonファイルは次のとおりです。

{
  "name": "React Native POC",
  "version": "0.0.1",
  "private": true,
  "scripts": {
  "start": "node node_modules/react-native/local-cli/cli.js start",
  "test": "jest"
},
  "dependencies": {
  "native-base": "^0.5.18",
  "react": "15.4.1",
  "react-native": "0.39.2",
  "react-redux": "^4.4.6",
  "redux": "^3.6.0"
},
  "devDependencies": {
  "babel-jest": "17.0.2",
  "babel-preset-react-native": "1.9.0",
  "jest": "17.0.3",
  "react-test-renderer": "15.4.1"
},
  "jest": {
  "preset": "react-native"
}
}

特定のバージョンが他のバージョンとうまく動作しない可能性はありますか? さらに（問題がある場合）、Node バージョン 6.8.1、npm バージョン 3.10.8、react-native-cli 2.0.0 を使用しています。また、yarn、sinopia、browserify をグローバルにインストールしています。

まだReact Nativeの初心者であり、依存関係の衝突が存在する可能性があるかどうかはわかりません（明白かどうかは別として）

私のjsファイルは次のとおりです。

import React, {Component} from 'react';
import {Container, Content} from 'native-base';

export default class ReactNativePOC extends Component {
  render() {
    return {
        <Container> // Error here
            <Content>
            </Content>
        </Container>
    }
  }
}

デフォルトのコントロールで反応するネイティブアプリを実行できるため、セットアップ（ネイティブベースを除く）に問題はないようですが、ネイティブベースコントロールでのみこのエラーが発生しているようです

4

2 に答える 2

1

ステートメントでは、中かっこのreturn代わりにかっこを使用する必要があります。

render() {
  return (
    <Container>
      <Content>
      </Content>
    </Container>
  );
}
于 2016-12-13T09:56:12.357 に答える