web-dev-qa-db-ja.com

React native：モジュールを解決できません。確かに、これらのファイルはどれも存在しません：

私は この中程度の記事 を使用して、反応ネイティブプロジェクトでFloatingTitleTextInputFieldを使用しています

以下は私のプロジェクト構造です

enter image description here

これがHomeScreen.jsの私のコードです

import React, {Component} from 'react';
import {Text, View, TextInput, StyleSheet} from 'react-native';
import FloatingTitleTextInputField from './customComponents/floating_title_text_input_field';



export default class HomeScreen extends Component {
  render() {
    return (
      // <View style={{flex: 1, justifyContent: 'center', alignItems: 'center'}}>
      //   <Text>My First React App</Text>
      //   <TextInput style={{height: 40, borderColor: 'gray', borderWidth: 1}} />
      // </View>

      <View style={styles.container}>
        <View style={styles.container}>
          <Text style={styles.headerText}>Its Amazing</Text>
          <FloatingTitleTextInputField
            attrName="firstName"
            title="First Name"
            value={this.state.firstName}
            updateMasterState={this._updateMasterState}
          />
          <FloatingTitleTextInputField
            attrName="lastName"
            title="Last Name"
            value={this.state.lastName}
            updateMasterState={this._updateMasterState}
          />
        </View>
      </View>
    );
  }
}
var styles = StyleSheet.create({
  container: {
    flex: 1,
    paddingTop: 65,
    backgroundColor: 'white',
  },
  labelInput: {
    color: '#673AB7',
  },
  formInput: {
    borderBottomWidth: 1.5,
    marginLeft: 20,
    borderColor: '#333',
  },
  input: {
    borderWidth: 0,
  },
});

HomeScreen.js内でFloatingTitleTextInputFieldを使用しようとすると、エラーが発生します

    error Unable to resolve module `./floating_title_text_input_field` from `React Native/AwesomeProject/screens/

HomeScreen.js`: The module `./floating_title_text_input_field` could not be found from `/React Native/AwesomeProject/screens/HomeScreen.js`. Indeed, none of these files exist:


  * `/React Native/AwesomeProject/screens/floating_title_text_input_field(.native||.Android.js|.native.js|.js|.Android.json|.native.json|.json|.Android.ts|.native.ts|.ts|.Android.tsx|.native.tsx|.tsx)`


  * `/React Native/AwesomeProject/screens/floating_title_text_input_field/index(.native||.Android.js|.native.js|.js|.Android.json|.native.json|.json|.Android.ts|.native.ts|.ts|.Android.tsx|.native.tsx|.tsx)`. Run CLI with --verbose flag for more details.


Error: Unable to resolve module `./floating_title_text_input_field` from `React Native/AwesomeProject/screens/HomeScreen.js`: The module `./floating_title_text_input_field` could not be found from `/React Native/AwesomeProject/screens/HomeScreen.js`. Indeed, none of these files exist:

誰かがこの問題を解決するのを手伝ってくれますか

さらに情報が必要な場合はお知らせください。前もって感謝します。あなたの努力は高く評価されます。

androidreactjsreact-nativecomponentscustom-component
2
Goku

HomeScreenディレクトリにあるscreensコンポーネントから参照しています。ローカルの./パスを使用しているため、screens/customComponentsで検索しようとしています。 ../customComponents/floating_title_text_input_fieldを使用すると修正できます。

2
Mike M