Общая библиотека из проектов Create React App дает (ошибка jsx в настоящее время не включена) - PullRequest
0 голосов
/ 06 августа 2020

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

import SharedComponent from 'shared-lib'; <- lib находится в моих node_modules </p>

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

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

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

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

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

1 Ответ

0 голосов
/ 07 августа 2020

Я не смог найти решение, используя вышеизложенное, но есть пакет, аналогичный 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

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

...