vite中使用react-router-dom-v6 路由报错 Uncaught SyntaxError: Unexpected token ‘＜‘

react-router-dom -v6 版本中使用 useRoutes 钩子统一管理路由表。将路由表模块导出管理。然后App中使用。使用vite构建的项目

vite中使用react-router-dom-v6 路由报错 Uncaught SyntaxError: Unexpected token ‘＜‘

页面无法渲染 报错

但使用 create-react-app 创建的工程就不会出现此问题

这个错误都是js的路径报错，查找代码发现路径都无误，VScode 都能 ctrl 单击点进去。

去查找官网，官网是使用函数组件返回

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 中 index.js改为 jsx 就可以了。。。。。。