Я создаю библиотеку, которая зависит от Styled-Components. Я также делаю приложение, которое зависит от моей библиотеки и Styled-Components. Не делая ничего особенного, я получил предупреждение о загрузке двух экземпляров Styled-Components. После некоторых исследований мне показалось, что мне нужно использовать внешние компоненты веб-пакета, чтобы не компилировать Styled-Components в мой комплект библиотеки.
Мой первый вопрос: нужно ли мне также использовать одноранговые зависимости npm? Это ортогональная концепция? Во всяком случае, я также добавил Styled-Components как одноранговую зависимость моей библиотеки.
У моего хост-приложения было много проблем. Поэтому я создаю упрощенное демонстрационное приложение (опубликую все это в репо, если потребуется). Это просто файл index.js, который импортирует мою библиотеку. Я также тогда npm устанавливаю Styled-Components. Я использую синтаксис es6 для импорта своей библиотеки и поэтому добавляю все обязательные пакеты babel. Я установил свой конфиг webpack для связывания моего приложения.
Но я получаю эту ошибку:
ОШИБКА в ../libs/ab-chart/dist/bundle.js Модуль не найден: Ошибка:
Не удается разрешить 'styled-components' в
'/ Users / abollba / Dropbox / все / веб / приложения / ЛИЭС / абы-чарт / расстояние'
Я часами изучал документацию веб-пакета. Я построил, снес и экспериментировал с каждым ключом конфигурации бесконечно. Я нахожусь в точке, где я собираюсь сдаться. Просто слишком много факторов и запутанных ошибок, чтобы знать, что делать. Я был бы очень признателен за любую помощь!
Редактировать (больше информации):
предоставление информации, запрашиваемой в ответах:
1) библиотеки webpack config
2) library package.json
3) я включаю библиотеку в свое приложение так: import { Chart } from "ab-chart";
4) package.json для хост-приложения
5) конфигурация веб-пакета для хост-приложения