Именованный экспорт не распознан

Question

У меня есть такая структура:

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/index.js У меня есть это:

import Login from './Login';

export const Login;

но по какой-то причине я получаю эту ошибку:

Попытка ошибки импорта: «Логин» не экспортируется из ./login'.

Что я тут не так сделал?

Answer 1

Поскольку вы импортируете Login вверху login/index.js как import Login from './Login';, оно уже объявлено.Значением Login будет экспорт по умолчанию, который находится в вашем файле Login.jsx (например: export default Login).

Поскольку он уже объявлен, его нельзя повторно объявить с помощью const.Если вы хотите, чтобы это был именованный экспорт (чтобы вы могли использовать его как import { Login } from './login';), то вы, вероятно, захотите export { Login } в своем файле login/index.js:

import Login from './Login';

export { Login };