javascript - 反应：'重定向'不是从'react-router-dom'导出的

Question

npm run start在终端中运行时出现以下错误。

尝试导入错误：未从“react-router-dom”导出“重定向”。

我已经重新安装了node_modules，，，react-router-dom。react-router还重新启动了终端和我的计算机，但问题仍然存在。

我的代码：

import React from 'react';
import { Switch, Redirect } from 'react-router-dom';

import { RouteWithLayout } from './components';
import { Minimal as MinimalLayout } from './layouts';

import {
  Login as LoginView,
  Dashboard as DashboardView,
  NotFound as NotFoundView
} from './views';

const Routes = () => {
  return (
    <Switch>
      <Redirect
        exact
        from="/"
        to="/dashboard"
      />
      <RouteWithLayout
        component={routeProps => <LoginView {...routeProps} data={data} />}
        exact
        layout={MinimalLayout}
        path="/login"
      />
      <Redirect to="/not-found" />
    </Switch>
  );
};

export default Routes;

这是我的package.json进口：

"react-router": "^6.0.0-beta.0",
"react-router-dom": "^6.0.0-beta.0",

任何帮助表示赞赏，谢谢。

标签： javascriptreactjsreact-routerreact-router-dom

Answer 1

对于react-router-domv6，只需替换Redirect为Navigate

import { Navigate } from 'react-router-dom';
.
.
.
{ component: () => <Navigate to="/404" /> }