Встроенная ошибка импорта компонента экспорта при горячей перезагрузке
Для контекста, позвольте мне попытаться объяснить немного больше.
В моем проекте у меня есть папка, например, для компонентов. Внутри этой папки у меня есть файлы компонентов и файл 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, я сначала импортирую компонент, затем назначаю компонент переменной и затем экспортирую эту переменную, он работает нормально.
0 ответов
Моя проблема была решена, когда я изменился render = () => (...)
в render(){ return (...)}
в реактивном компоненте