找不到模块：错误：无法解析 'C:\Users\default\my-first-app\src' 中的 './components/Navbar'

Question

 import React from "react";
 import "./styles.css";
 import Navbar from "../components/Navbar";
 import Main from "../components/Main";

export default function App() {
    return (
       <>
       <Navbar />
       <Main />
       </>
)
}





import  ReactDOM  from "react-dom";
import App from "./App.js"
ReactDOM.render(<App />, document.getElementById("root")) 




import React from "react"
import "./styles.css"
export default function Navbar(){
    return (
      <>
      <header>
        <nav className = "nav">
            <img src="./.png" />
            <ul>
                <li>React Facts</li>
                <li>React Course - Project 1 </li>
            </ul>
        </nav>
    </header>
    </>
)
}

那就是 App.js、Index.js、Navbar.js。每次我运行时都会遇到相同的错误我尝试使用 ./ 更改文件路径但没有出现相同的错误。它每次都在这三个之间切换。文件夹结构。我也安装了样式加载器。

来源 成分 导航栏 主要的 应用程序 指数 CSS

找不到模块：错误：无法解析 'C:\Users\default\my-first-app\src' 中的 '.styles.css' 找不到模块：错误：无法解析 'C:\Users\default\my-first-app\src' 中的 './components/Main' 找不到模块：错误：无法解析 'C:\Users\default\my-first-app\src' 中的 './components/Navbar'

文件夹结构 来源 成分 导航栏 主要的 应用程序 指数 款式