Почему Jest не понимает синтаксис ?. в импортируемом файле?

Question

[Дмитрий]

1. Создал npm-пакет с полезной функцией. Протестировал jest-ом, опубликовал на npm
2. Проверил на codesandbox, импортировав пакет и запустив функцию - все прекрасно работает
3. Теперь создаю другой пакет, в который импортирую первый и при запуске тестов через jest получаю ошибку

Jest encountered an unexpected token

This usually means that you are trying to import a file which Jest cannot parse, e.g. it's not plain JavaScript.

By default, if Jest sees a Babel config, it will use that to transform your files, ignoring "node_modules".

Details:

C:\OSPanel\domains\localhost\js projects\sql-for-js-simple\node_modules\split-smartly\index.js:452 (searchSettings.mentions?.[fragment] && ACTION_ADD_FRAGMENT) ^

SyntaxError: Unexpected token .

То есть ругается на синтаксис searchSettings.mentions?.[fragment]

в импортированном файле, при том что в самом проекте этот синтаксис прекрасно работает.
Вопрос: что я делаю не так?

Ссылка на проект, где возникает ошибка(исключительно при импорте в другой проект и запуске тестов через jest)
https://github.com/dimoff66/split-smartly

Answer 1

[Robur]

Видимо другой проект у вас не настроен на понимание синтаксиса "?."
Сообщение от jest вполне информативное

"This usually means that you are trying to import a file which Jest cannot parse, e.g. it's not plain JavaScript.

By default, if Jest sees a Babel config, it will use that to transform your files, ignoring "node_modules"."

вам надо либо положить конфиг бабеля такой же чтобы понимал новый синтаксис, либо компилировать ваш код тем же бабелем в более старый стандарт

Comments

[Дмитрий]

Видимо другой проект у вас не настроен на понимание синтаксиса "?."

Но в самом проекте все компилируется и запускается, в том числе при запуске jest, ошибка возникает лишь когда он импортируется в другой проект, что как мне казалось, я описал в вопросе.

[Robur]

Дмитрий, перечитайте мой ответ. Дело не в этом проекте а в том куда это импортируется. У вас там нет поддержки такого синтаксиса.

туда вы импортируете просто .js файл, то что в "самом проекте" все запускается - для "другого проекта" ничего не значит, там свои настройки, свой jest, все свое. он не в курсе что в этом проекте у вас что-то работает, для него весь ваш модуль состоит из одного js файла - остальное не используется.

чтобы вам было проще понять - просто скопируйте в "другой проект" index.js из "этого проекта", и используйте его не из node_modules а напрямую, получите то же самое что сейчас.

[Дмитрий]

Robur, Нет, не получаю то же самое что сейчас. В самом коде текущего проекта, КУДА импортирую, такой же синтаксис и все прекрасно работает. Соответственно и копирование кода напрямую в проект, а не в node_modules, так же прекрасно работает. Ошибка возникает только при импорте из node_modules. В этом и странность необъяснимая.

[Дмитрий]

Robur, Хотя и package.json и babelrc у обоих проектов одинаковые

[Robur]

Дмитрий, jest по умолчанию не прогоняет файлы из node_modules через babel.
вам надо изменить https://jestjs.io/docs/en/configuration#transformi...

либо убрать оттуда node_modules, либо написать более умный паттерн чтобы игнорировались все модули кроме нужного.

для проверки сначала просто используйте transformIgnorePatterns: []

[Дмитрий]

Robur, Ага, это уже больше похоже на правду, благодарю, попробую