我创建了一个单独的Index.js
文件来保存我要在我正在创建的应用中导出的所有组件。我认为我正在采取的文件路径是正确的,而是......
我收到的错误是:
无法解决问题 '/ User / user / projects / Something / src / components / components'作为文件
也不是文件夹(null)
我该如何解决这个问题?
这是LoginForm.js
:
import React, { Component } from 'react';
import { TouchableOpacity, StyleSheet, View, Text ,Button } from 'react-native';
import { UserInput } from './components';
class LoginForm extends Component {
render() {
return(
<View style={styles.container}>
<UserInput/>
<TouchableOpacity style={styles.button}>
<Button
title="Press Me"
/>
</TouchableOpacity>
</View>
);
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: 'center',
paddingHorizontal: 10
},
button: {
alignItems: 'center',
backgroundColor: '#DDDDDD',
padding: 10
}
});
export default LoginForm;
这是Index.js
:
export * from './UserInput';
export * from './LoginForm';
答案 0 :(得分:0)
在LoginForm.js
的当前工作目录中,没有components
个文件夹。
在您的脚本中,您需要UserInput
组件中的LoginForm
组件。
你可以简单地做到这一点
import { UserInput } from './UserInput';
正确使用index.js
components
文件夹的时候是要在其他目录的组件中导入文件夹的选定组件
更新:
在LoginForm
组件中
import UserInput from './UserInput'; //default export