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 шт):

Автор решения: Dominik

Webpack некорректно воспринимает в путях название папки "constants". Если назвать "_constants" ошибка будет исправлена.

→ Ссылка
Автор решения: slava-tym

вместо

import { userConstants } from "constants";

надо

import  userConstants  from "constants";
→ Ссылка