react-router-dom v6 版本中使用 useRoutes 进行统一路由管理，并导出使用。
import * as React from "react";
import { useRoutes } from "react-router-dom";
function App() {
let element = useRoutes([
{
path: "/",
element: <Dashboard />,
children: [
{
path: "messages",
element: <DashboardMessages />,
},
{ path: "tasks", element: <DashboardTasks /> },
],
},
{ path: "team", element: <AboutPage /> },
]);
return element;
}
在 Vite 中使用 useRoutes 会报 Uncaught SyntaxError: Unexpected token '<' 的错
配置内容
报错结果
但是使用 create-react-app 创建的项目就不会有这个问题
最后在试错 度娘等操作中发现将 routes 中的 index.js 改为 index.jsx 就可以了 😊
