Блог

Я пытаюсь экспортировать / импортировать две функции:

 export function LoadMoreButtonLogic(
  ...
) {
  ...

  return ...
}

export function GetTheFilteredPosts(
  ...
) {
  return (...);
}
 

И импортируем их таким образом в другой файл:

 import { GetTheFilteredPosts } from '@src/components/commons/load-more-button/LoadMoreButton';
import { LoadMoreButtonLogic } from '@src/components/commons/load-more-button/LoadMoreButton';
 

Однако я получаю такие предупреждения:

 warning "export 'GetTheFilteredPosts' was not found in '@src/components/commons/load-more-button/LoadMoreButton'
warning "export 'LoadMoreButtonLogic' was not found in '@src/components/commons/load-more-button/LoadMoreButton'
 

Но … если я переименую файл LoadMoreButton.js в имя экспортируемой функции или переименую имя экспортируемой функции в соответствии с именем файла, предупреждение для этой функции исчезнет.

@src выполняется ли настройка в jsconfig :

 {
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "@src/*": ["src/*"],
             }
      }
}
 

а также в gatsby-config:

 '@src': path.join(__dirname, './src'),
 

И @src отлично работает в других компонентах. Он используется в десятках мест.

Если я попробую путь без @ , я получу то же самое:

 warning "export 'GetTheFilteredPosts' was not found in '../../../../components/commons/load-more-button/LoadMoreButton'
warning "export 'LoadMoreButtonLogic' was not found in '../../../../components/commons/load-more-button/LoadMoreButton'
 

Что я делаю не так?
Почему я не могу экспортировать их свободно?