typescript 为什么我的React路由器文件抛出错误?[关闭]

b09cbbtk  于 2023-03-31  发布在  TypeScript
关注(0)|答案(1)|浏览(185)

**已关闭。**此问题为not reproducible or was caused by typos。当前不接受答案。

这个问题是由打字错误或无法再重现的问题引起的。虽然类似的问题在这里可能是on-topic,但这个问题的解决方式不太可能帮助未来的读者。
20小时前关门了。
Improve this question
我正在尝试使用react-router向我的应用程序添加一个非常简单的路由器。当我从根文件调用createBrowserRouter时,所有路由都正常工作。
然后当我把路由器解压缩到它自己的文件中时,我得到了下面的错误。为什么会这样?

src/router/index.ts
  Line 11:18:  Parsing error: '>' expected

根文件位于src/index.tsx

import React from 'react';
import ReactDOM from 'react-dom/client';
import { RouterProvider } from "react-router-dom";
import './index.css';
import router from './router'

const root = ReactDOM.createRoot(
  document.getElementById('root') as HTMLElement
);
root.render(
  <React.StrictMode>
    <RouterProvider router={router} />
  </React.StrictMode>
);

路由器文件位于src/router/index.tsx

import { createBrowserRouter } from "react-router-dom";
import App from '../layouts/App';
import Error from '../layouts/Error';
import TableLayout from '../layouts/TableLayout';

const router = createBrowserRouter([
  {
    path: "/",
    element: <App />,
    errorElement: <Error />,
  },
  {
    path: "/table",
    element: <TableLayout />,
    errorElement: <Error />,
  },

]);

export default router;
xggvc2p6

xggvc2p61#

已通过重新启动应用程序解决此错误。

相关问题