Общая библиотека из проектов Create React App дает (ошибка jsx в настоящее время не включена)

Я пытаюсь использовать общую библиотеку для многократно используемых компонентов и использую только 2 готовых приложения для создания реакции. Один называется 'shared-lib', другой 'project-example'. Я сделал супер простой компонент в shared-lib, экспортировал (работает, когда я тестирую). Я NPM связал оба, казалось бы, правильно (shared-lib находится в моем примере проекта node_modules со специальным значком). Я создал shared-lib, я также импортировал общий компонент (SharedComponent)

импортировать SharedComponent из 'shared-lib'; ‹- lib находится в моих node_modules

../shared-lib/src/index.js SyntaxError: /Users/bemker/dev/portals-modern/shared-lib/src/index.js: поддержка экспериментального синтаксиса 'jsx' в настоящее время не включена (8 : 3):

Добавьте @ babel / plugin-transform-react-jsx (https://git.io/vb4yd) в раздел 'plugins' вашей конфигурации Babel, чтобы включить преобразование.

Я слежу за видеоуроком, и ему не пришлось извлекать свое приложение для создания реакции, но я предполагаю, что именно здесь возникает ошибка.

Вот видео, за которым я следую, если кто-то хочет посмотреть. https://www.youtube.com/watch?v=B7iYJT_ll-U

Кто-нибудь знает, почему это происходит или как это пройти (желательно без выброса)?


person benishky    schedule 06.08.2020    source источник


Ответы (1)


Я не смог найти решение, используя вышеуказанное, но есть пакет, похожий на Create React App, для создания библиотек, который упростил задачу. Он не поддерживается FB, но у меня это сработало.

https://github.com/transitive-bullshit/create-react-library https://github.com/transitive-bullshit/react-modern-library-boilerplate (многократный экспорт)

видео-руководство с его использованием: https://www.youtube.com/watch?v=N8d-CLmg3hw второй с "реальным" использованием: https://www.youtube.com/watch?v=6R699AQYH74

Надеюсь, это кому-то поможет.

person benishky    schedule 07.08.2020