JSX形式での文法エラーで、どこが間違っているのかわからない問題

Question

JSX形式で記述して、Macのシュミレータで結果を見ようとしたのですがシンタックスエラーになってしまいました。ある講義動画をそのまま真似ているため文法エラーは考えにくいのですが、どこが間違っているのでしょうか？

import React from "react";
import { StyleSheet, Text, View } from "react-native";

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: "#fff",
    alignItems: "center",
    justifyContent: "center"
  },
  itemContainer: {
    height: 100,
    width: '100%',
    borderColor: 'gray',
    borderWidth: 1,
    flexDirection: 'row'
  },
  leftContainer: {
    backgroundColor: 'red',
    width: 100
  },
  rightContainer: {
    backgroundColor: 'bule',
    flex: 1
  }
});

export default function App() {
  return (
    <View style={styles.container}>
      <View style={styles.itemContainer}>
        <View style={styles.leftContainer}>
        <View style={styles.rightContainer}>
      </View>　　//　ここでエラー表記が出ています。
    </View>
  );
}

Answer 1

見るからに、<View>の開く数と閉じる数が合っていません。

一部の<View>が<View />となっているけど、そのスラッシュを忘れている、ということはありませんか？

Comments

[gyoruo]

無事解決できました。。。
ありがとうございます！