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

This error occurs when you try to import the `Prompt` component from the `react-router-dom` package, but it is not found in the package.

To fix this error, you may need to check your import statement and make sure you are importing the correct component from the correct package. Alternatively, you can try updating your `react-router-dom` package to the latest version to see if the `Prompt` component has been added in a recent update.

相关问题

Attempted import error: 'Outlet' is not exported from 'react-router-dom' (imported as 'Outlet').

这个错误提示通常是因为您在 React Router 版本 4 或者更低版本的应用中使用了 `Outlet` 这个组件。`Outlet` 组件是在 React Router 5 中引入的，用于在父路由组件中显示子路由组件。如果您正在使用 React Router 4 或更低版本，则无法使用 `Outlet` 组件。

如果您需要在 React Router 4 或更低版本中实现子路由功能，可以考虑使用 `react-router-config` 或者手动嵌套路由组件的方式来实现。`react-router-config` 是一个官方提供的插件，可以帮助您在 React Router 4 或更低版本中实现类似于 React Router 5 中 `Outlet` 组件的功能。以下是一个使用 `react-router-config` 的例子：

import { renderRoutes } from 'react-router-config';
import { Switch } from 'react-router-dom';
import { routes } from './routes';

function App() {
  return (
    <div className="App">
      <Switch>
        {renderRoutes(routes)}
      </Switch>
    </div>
  );
}

在上面的例子中，我们使用 `renderRoutes` 函数来渲染路由配置 `routes`，并使用 `Switch` 组件来确保只有一个路由能够被匹配。然后，我们可以在 `routes` 中定义任意层级的路由配置，以实现子路由功能。如果您需要更多关于 `react-router-config` 的信息，请参考官方文档。

Attempted import error: 'Switch' is not exported from 'react-router-dom' (imported as 'Switch').

这个错误可能是因为你在使用 `react-router-dom` 的时候，尝试导入 `Switch` 组件，但是该组件并没有被导出。

你可以尝试检查一下你的代码中是否正确导入了 `react-router-dom`，以及是否正确使用了 `Switch` 组件。

正确导入 `react-router-dom` 的方式为：

import { BrowserRouter, Route, Switch } from 'react-router-dom';

如果你的代码中已经正确导入了 `Switch` 组件，那么可能是版本问题导致的。你可以尝试更新一下 `react-router-dom` 的版本来解决问题。