переименовать экспорт по умолчанию в index. js

Question

У меня есть компонент под названием TModal, который выглядит так

const TModal = () => {}

export default TModal

Он живет внутри src/components/Modal/Modal.js

рядом с ним, есть index.js

это то, что делает index. js:

export { TModal as Modal } from './Modal'

Затем где-то в моем проекте я хочу импортировать Modal вот так

import { Modal } from 'components/Modal'

, но я продолжаю получать

Attempted import error: 'Modal' is not exported from 'components/Modal'

В чем проблема?

jsconfig. json

{
  "compilerOptions": {
    "baseUrl": "src",
    "target": "es6",
    "module": "commonjs",
    "jsx": "preserve",
    "paths": {
      "*": ["./*"]
    }
  },
  "include": ["src"]
}

strcuture

src
- components
-- Modal
--- index.js
--- Modal.js
- layouts
-- Auth
--- Auth.js

Итак, в качестве примера я бы хотел использовать Modal внутри Auth.js

Answer 1

Поскольку ваш Modal. js по умолчанию для экспорта, ваш index.js должен быть записан как ниже

import Modal from './Modal';
export { Modal };

Answer 2

Проблема с TModal. При экспорте TModal из js файла удалите ключевое слово export. все бы нормально работало. Помогите помогает.

const TModal = () => {}
export TModal

Answer 3

Похоже, вы не выбираете файл (Modal. js), вы просто указываете на модальный каталог. Этот должен исправить это, если это проблема.

import { Modal } from 'components/Modal/Modal'