Reactjs 尝试导入错误：'；出口'；不是从'；react路由器dom'；

请帮助我如何修复此错误

Attempted import error: 'Outlet' is not exported from 'react-router-dom'.

这就是我导入组件的方式

import { Outlet  } from "react-router-dom";

这是我的Package.json文件

"dependencies": {
"react": "^16.13.1",
"react-dom": "^16.13.1",
"react-icons": "^3.11.0",
"react-router-dom": "^5.2.0",
"react-router-hash-link": "^2.0.0",
"react-scripts": "3.4.3",
"serve": "11.3.2"
},

这就是我试图使用它的地方

const User = () => {
  return (
    <div className="User">
      <TopNav />
      <SideNav />
      <div className="Body">
        <Outlet />
      </div>
    </div>
  );
};

const User=（）=>{
返回(
);
};

看起来您正在尝试使用将在react router dom的V6中发布的软件包中的功能，但您使用的版本是v5.2

如果你真的想使用

Outlet

功能，你必须使用alpha、beta或实验版本的软件包，你可以在这里找到所有这些

这些版本还没有准备好使用，可能包含bug和问题。

---

要安装V6版本，只需执行

npm安装操作-dom@version

必须使用$npm i react安装测试版-router@next反应路由器-dom@next