Встроенная ошибка импорта компонента экспорта при горячей перезагрузке

Question

Для контекста, позвольте мне попытаться объяснить немного больше.

В моем проекте у меня есть папка, например, для компонентов. Внутри этой папки у меня есть файлы компонентов и файл index.js, куда я импортирую все компоненты и экспортирую, чем в одной строке, как показано ниже:

export { default as Button } from './button'
export { default as Loader } from './loader'
export { default as ImageBackground } from './image-background'

Поэтому я могу импортировать эти компоненты в Screen Component следующим образом:

import { Button, Loader, ImageBackground } from 'src/components'

Если я редактирую файл компонентов, сохраняю и перезагружаю проект, все работает нормально.

Проблема заключается в том, что при редактировании любого из этих компонентов с активным "Горячая замена модулей" ("Горячая перезагрузка"), когда он запускается после редактирования, он выдает следующую ошибку:

Необработанное исключение JS: требуется модуль "src/components/index.js", который выдал исключение: TypeError: Невозможно переопределить свойство: Button

У кого-нибудь есть идеи, почему это происходит?

Заранее спасибо!

Obs: Когда я импортирую компонент напрямую без использования index.js или если внутри index.js, я сначала импортирую компонент, затем назначаю компонент переменной и затем экспортирую эту переменную, он работает нормально.

Answer 1

Моя проблема была решена, когда я изменился render = () => (...) в render(){ return (...)} в реактивном компоненте