我尝试将文件导入到代码中,但找不到错误。 然而,当我尝试输入文件夹的名称时,它已经向我建议了该文件夹并识别它。 我也已经尝试写出整个路径,但结果是相同的。
我希望有人能发现我的菜鸟错误。
我提供了一个屏幕截图,可以在其中找到文件夹名称和错误
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
我认为“./root”有空格,请再次检查并删除它。