импорт «packageName» в React возвращает ошибку babel

#reactjs #import #jestjs #babeljs

#reactjs #импорт #jestjs #babeljs

Вопрос:

Я пытаюсь реализовать текстовый редактор markdown с кнопками форматирования.

Я нашел библиотеку, которая предоставляет мне инструменты для реализации этих кнопок: https://github.com/github/markdown-toolbar-element В своей документации они импортируют подобную библиотеку следующим образом:

 import '@github/markdown-toolbar-element'
  

Все работает нормально, но, в конце концов, тесты терпят неудачу из-за такого импорта.

  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".

Here's what you can do:
 • To have some of your "node_modules" files transformed, you can specify a custom "transformIgnorePatterns" in your config.
 • If you need a custom transformation specify a "transform" option in your config.
 • If you simply want to mock your non-JS modules (e.g. binary assets) you can stub them out with the "moduleNameMapper" config option.

You'll find more details and examples of these config options in the docs:
https://jestjs.io/docs/en/configuration.html

Details:

/mnt/c/Users/BogdanBledea/Desktop/Projects/project/node_modules/@github/markdown-toolbar-element/dist/index.js:580
export default MarkdownToolbarElement;
^^^^^^

SyntaxError: Unexpected token export

> 22 | import '@github/markdown-toolbar-element'
  

Комментарии:

1. Инструкции в сообщении об ошибке довольно ясны. Что вам все еще интересно?

2. Я сделал все, что было указано в информации, но ошибка была той же