如何从React Native ios项目的组件文件夹中访问js文件

我无法访问React Native Project IOS中的组件文件夹。

我收到以下错误:

无法parsing模块./Login from …… / ReactNative / ReactNativeProject / components / App.js:无法在其模块映射或在……. / ReactNative下的任何node_modules目录中find此模块/ReactNativeProject/components/Login.j及其父目录。

我已经提到以下链接: http : //caroaguilar.com/post/react-native-navigation-tutorial/

index.ios.js (ReactNativeProject / index.ios.js)

"use strict"; import React, { AppRegistry } from 'react-native'; import App from './components/App'; AppRegistry.registerComponent('ReactNativeProject', () => App); 

App.js (ReactNativeProject / components / App.js)

  'use strict' import React, {Component} from 'react'; import { AppRegistry, StyleSheet, NavigatorIOS, } from 'react-native'; var Login = require('./Login'); class App extends Component { render() { return ( <NavigatorIOS style={styles.navigationContainer} initialRoute={{ title: "Login Page", component: Login, }} /> ); } } var styles = StyleSheet.create({ navigationContainer: { flex: 1 } }); export default App; 

Login.js (ReactNativeProject / components / Login.js)

 "use strict"; import React, {Component} from 'react'; import { StyleSheet, Text, TextInput } from 'react-native'; import Button from 'react-native-button'; import styles from './login'; class Login extends Component { constructor(props) { super(props); this.state = { username: "", password: "", }; } render() { return ( <View style={styles.container}> <View style={styles.textContainer}> <TextInput style={styles.inputUsername} placeholder="Enter email ID" value={this.state.username} clearButtonMode = 'while-editing'/> <TextInput style={styles.inputPassword} placeholder="Enter Password" value={this.state.password} password={true} secureTextEntry={true} clearButtonMode = 'while-editing' /> <Button style={styles.login} styleDisabled={{color: 'red'}}> Login </Button> </View> </View> ); } module.exports = Login; 

       

网上收集的解决方案 "如何从React Native ios项目的组件文件夹中访问js文件"

到目前为止,我已经尝试了这个,并得到了解决scheme。

我在App.js中犯的一个错误:

我已经取代var Login = require('./Login');

通过

 import Login from './Login'; 

组件文件夹下的js文件也改变如下,除了App.js

Login.js中的更改:

 class Login extends Component { } 

变成

 class Login extends React.Component { }