如何从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;
到目前为止,我已经尝试了这个,并得到了解决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 { }