Attempted import error: 'Outlet' is not exported from 'react-router-dom'
Attempted import error: 'Outlet' is not exported from 'react-router-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>
);
};
看起来您正在尝试使用将在 react-router-dom 的 V6 中发布的软件包中的功能,但您使用的版本是 v5.2。
如果您真的想使用 Outlet
功能,则必须使用软件包的 alpha、beta 或实验版本,您可以在此处找到全部 https://www.npmjs.com/package/react-router-dom
这些版本尚未准备好使用,可能包含错误和问题。
要安装 V6 版本,只需执行 npm install react-router-dom@version
请帮我解决这个错误
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>
);
};
看起来您正在尝试使用将在 react-router-dom 的 V6 中发布的软件包中的功能,但您使用的版本是 v5.2。
如果您真的想使用 Outlet
功能,则必须使用软件包的 alpha、beta 或实验版本,您可以在此处找到全部 https://www.npmjs.com/package/react-router-dom
这些版本尚未准备好使用,可能包含错误和问题。
要安装 V6 版本,只需执行 npm install react-router-dom@version