React. Ошибка при импорте объекта (Attempted import error)
Стандартная схема: есть несколько файлов с объектами констант в одной папке, отправленные на экспорт в index.js для дальнейшего общего использования:
Файл userConstants.js
export const userConstants = {};
Файл itemConstants.js
export const itemConstants = {};
Файл index.js (использую абсолютные пути)
export * from 'constants/userConstants';
export * from 'constants/itemConstants';
Нужно получить константы только одного объекта, пытаюсь деструктурировать в файле компонента:
import { userConstants } from "constants";
Получаю ошибку: Attempted import error: 'userConstants' is not exported from 'constants'.
Без деструктуризации ошибки нет. Также если объединить в 1 объект и экспортировать по дефолту, ошибка также есть в файле компонента, где я пытаюсь деструктурировать и получить определенный объект констант.
В чем может быть проблема? Данная схема использовалась в других проектах, но там использовались относительные пути. Может из-за этого webpack не может правильно собрать файлы?
Ответы (2 шт):
Webpack некорректно воспринимает в путях название папки "constants". Если назвать "_constants" ошибка будет исправлена.
вместо
import { userConstants } from "constants";
надо
import userConstants from "constants";