すべての解決策を試しましたが、今この質問に行き着き、UI コンポーネント ライブラリを構築しています。
ライブラリ用とデモ用の 2 つのパッケージがあります。デモではシンボリックリンクを使用してライブラリを使用します。ファイル: ../ui その package.json で、最初にライブラリをビルドしてから、デモには
が含まれていますコードは https://github.com/Qawaz/qal-ui/
から入手できます。npm dedupe を使用して重複した依存関係を削除しようとしましたが、成功しませんでした。コマンド npm ls styled-components を使用すると、
以前は、親モジュールとワークスペースを有効にし、両方のパッケージが npm を使用して依存関係を共有していましたが、それを削除し、完全に独立したモジュールに移行しましたが、一方のモジュールがシンボリックリンクを使用してもう一方のモジュールに依存関係を作成していました。
これを gatsby-node.js に追加した後 (一部の回答で提案されています)
コンソールにこのエラーが表示されます。このエラーは誤検知です。gatsby-config で何かを変更すると消えますが、ランダムに表示されます
一部の回答でもこれが示されており、それが原因でビルドが壊れました
ああああ
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
複数のインスタンスがあるため、
styled-componentsも使用するライブラリのコンポーネントを使用すると、styled-componentsがエラーを出し始めることがわかりました。そこで、
emotionに切り替え、emotionをピアの依存関係に保持しました。emotionには、大きなスタイルのいくつかの関数が含まれているため、エクスペリエンスがはるかに向上しました。コンポーネントはAPIと非常によく似ています。また、
gooberは、ライブラリ コンシューマーによって呼び出すことができるセットアップ メソッドを提供します。goober> は優れたオプションですが、goober を使用しようとすると、useThemeフックが含まれており、gooberは CSS 機能 js を提供しながらパッケージを小さくすることに重点を置いています。