找不到模塊：無法解決 - 反應

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;