为什么我的Index.js文件不会被识别?

时间:2018-01-22 17:46:28

标签: javascript reactjs debugging react-native

我创建了一个单独的Index.js文件来保存我要在我正在创建的应用中导出的所有组件。我认为我正在采取的文件路径是正确的,而是......

我收到的错误是:

  

无法解决问题   '/ User / user / projects / Something / src / components / components'作为文件
  也不是文件夹(null)

screenshot of directory path

我该如何解决这个问题?

这是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';

1 个答案:

答案 0 :(得分:0)

LoginForm.js的当前工作目录中,没有components个文件夹。 在您的脚本中,您需要UserInput组件中的LoginForm组件。

你可以简单地做到这一点

import { UserInput } from './UserInput';

正确使用index.js components文件夹的时候是要在其他目录的组件中导入文件夹的选定组件

更新:

LoginForm组件中

import  UserInput  from './UserInput'; //default  export