Javascript &引用；错误：应为字符串或类/函数，但得到：未定义。”；Reactjs中出错，即使我的导出和文件结构正确

我是个初学者。我在Reactjs中创建了一个登录页面，我在“src”文件夹中为其创建了另一个文件夹“Components”。在“Components”文件夹中，我制作了一个“LoginSignUp.js”组件。我已经在“src”文件夹的“App.js”中正确导入了这个组件（我希望如此）

我在stackoverflow上找到了两个解决方案。第一个解决方案是函数的导出和导入不正确-但我发现导出和导入是正确的，我还检查了拼写。第二个解决方案是重新构造所有内容，直到错误消失——我将“LoginSignUp”移到了“src”文件夹，但再次没有解决方案。这两种解决方案对我都不起作用。 有人知道问题出在哪里或者我忽略了什么吗？这将是一个很大的帮助。我为这个问题焦虑了两个小时

完全错误：

这是我的“src”文件夹结构：

这是我的“LoginSignUp.js”：

从“React”导入React
从“react bootstrap”导入{Card}；
导入“../styles/LoginSignUp.css”；
函数LoginSignUp（）{
返回(
登录
);
}
导出默认登录设置；

“App.js”：

import LoginSignUp from./components/LoginSignUp'；
导入“./styles/App.css”；
函数App（）{
返回(
);
}
导出默认应用程序；

谢谢你

真的

---

Rishabh Raghwendra

您在文件“LoginSignUp.js”中有一个输入错误。

---

您应该将

替换为
您的react版本是什么？？？@AnilLoutombam它是4.0.1版本@MaxiManBW。到目前为止，你已经问了近十个问题，其中有几个问题得到了有保留的答案，但你不愿意接受其中任何一个作为答案@Rishabh Raghwendra。如果有任何答案可以解决您的问题，请确保按灰色的复选框接受该答案。这是你能做到的。谢谢
import React from 'react'
import {Card} from 'react-bootstrap';
import '../styles/LoginSignUp.css';
function LoginSignUp() {
      return (
            <Card>
                  <Card.Body>
                        <Card.Title><i class="fa fa-user-o" aria-hidden="true"></i></Card.Title>
                        <Card.Subtitle>Login</Card.Subtitle>
                        <Card.text>
                        <label>
                              <i class="fa fa-user-o" aria-hidden="true"></i>
                              </label>
                        </Card.text>
                  </Card.Body>
            </Card>
      );
}
export default LoginSignUp;

import LoginSignUp from './components/LoginSignUp';
import './styles/App.css';
function App() {
  return (
    <div className="App">
      <LoginSignUp/>
    </div>
  );
}

export default App;