reactnativeアプリ開発でシミュレータ にエラーが出る

Question

reactnativeでアプリ開発を行っているのですが、iphoneシミュレータで以下の１枚目のようなエラーが出、正確に表示がされません。ファイル構成は二枚目のような形で、elementsのなかにbodytext.jsがある状態です。

bodytext.js↓

import React from 'react';
import ( Stylesheet, View, Text ) from 'react-native';

class BodyText extends React.Component {
  render() {
    return (
      <View>
        <text style={styles.text}>
          {this.props.children}
        </text>
      </View>
    );
  }
}

const styles = Stylesheet.create({
  text: {
    color: '#DDD',
    backgroundColor: '#eee',
  },
});

export default BodyText;

app.js↓

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

import BodyText from './src/components/BodyText.js';

export default class App extends React.Component {
  render() {
   return (
    <View style={styles.container}>
      <Text>hello</Text>
      <BodyText />

    </View>
  );
}
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
});

どなたか分かる方いらっしゃればご教授お願い致します。

Answer 1

elementsのなかにbodytext.jsがある状態です。

こちらを理解されているようなので、あとは記載の問題です。

以下の通り変更してみてください。

./src/components/BodyText.js

↓

./src/elements/BodyText.js

ファイルがある場所を順番に辿ってみれば書いたものがあっているか確認できます。
BodyText　が存在するのは　components　ではなく、　elements　の中のようなので。

none of these files exist

こちらはファイルが存在しません。の意味ですので、
今後はパスの指定を見直すか、名前があっているかも確認してみてください。

Comments

[momoka-]

すみません、解決できました！
本当に有り難うございます！

[sunsunny-k]

よくありますので、今後は自分で見つけれると良いですね。
vscodeでしたら入力時に自動で、候補が表示されると思うので、そちらも参考にしてみてください

[momoka-]

よくあるものやったんですね、勉強になります！
引き続き頑張ります☺️