为什么我无法将此文件导入到我的 JavaScript 代码中？

Question

我尝试将文件导入到代码中，但找不到错误。 然而，当我尝试输入文件夹的名称时，它已经向我建议了该文件夹并识别它。 我也已经尝试写出整个路径，但结果是相同的。

我希望有人能发现我的菜鸟错误。

我提供了一个屏幕截图，可以在其中找到文件夹名称和错误

致以诚挚的问候。在此处输入图像描述 在此输入图片描述

    import { Routes, Route } from "react-router-dom";
    import "./globals.css";
    import SigninForm from "./_auth/forms/SigninForm";
    import { Home } from "./_root/pages";
    import SignupForm from "./_auth/forms/SignupForm";
    import AuthLayout from "./_auth/AuthLayout";
    import RootLayout from "./_root";


    
    const App = () => {
    return (
    <main className="flex h-screen">
    <Routes>
     {/* public routes */}
     <Route element={<AuthLayout />}>

     
     <Route path= "sign-in" element ={<SigninForm />} />
     <Route path= "sign-up" element ={<SignupForm />} />
     </Route>
      {/* private routes */}
      <Route element={<RootLayout />}>

      <Route index element ={<Home />} />
      </Route>
      </Routes>
      </main>
      )
      }

      export default App

Answer 1

我认为“./root”有空格，请再次检查并删除它。