找不到模块：无法解决 - 反应

Question

我的反应应用程序的相对路径有问题。 看起来超级简单，但我已经仔细检查了所有内容，但仍然无法正常工作。

路径是 src > components(folder) > Navigation(folder) > navigation.js

终端说：“编译失败。

./src/App.js 模块未找到：无法解析 '/Users/misbahhemraj/Desktop/facefind/src' 中的 './components/Navigation/navigation'"

这是我在 app.Js 中的代码：

    import React, { Component } from 'react';
import navigation from './components/Navigation/navigation';
import './App.css';


class App extends Component {
  render () {
    return (
    <div className="App">
        <navigation />
        {/*<Logo />
        <ImageLinkForm />
        <FaceRecognition />*/}
    </div>
  );
}
}

export default App;

这是我在 navigation.js 中的代码

    import React from 'react';

const Navigation = () => {
    return (
        <nav>
            <p> Sign Out </p>
        </nav>
    )
}


export default navigation;

我已经尝试更改端口并更改导入语句的语法，但我无法让它工作。 任何建议将不胜感激 - 非常感谢！

Answer 1

查看您的导出组件名称，您有导航，并且您的组件名称是导航

import React from 'react';

const Navigation = () => {
    return (
        <nav>
            <p> Sign Out </p>
        </nav>
    )
}


export default Navigation;