Javascript 无法识别命名的导出

我有一个这样的结构：

routes
  auth
    login
      index.js
      Login.jsx
    routes.js

在routes.js文件中，我有以下内容：

import { Route } from 'react-router-dom';
import { Login } from './login';

export default (
  <div>
    <Route path="/login" component={Login} />
  </div>
)

但出于某种原因，我得到了这个错误：

尝试导入错误：“登录名”未从“./Login”导出

我在这里做错了什么？

因为您正在将Login/index.js顶部的登录名作为导入登录名从“./Login”导入；已经申报了。Login的值将是Login.jsx文件中的默认导出，例如：export default Login

因为它已经声明了，所以不能用const重新声明它。如果您希望它是一个命名的导出，因此可以将其用作从“/Login”导入{Login}；然后，您可能希望在Login/index.js文件中导出{Login}：

导出常量登录时出现错误；：分析错误：标识符“Login”已被声明您是否尝试导出{Login}？

import Login from './Login';

export const Login;

import Login from './Login';

export { Login };