すべてのプロジェクトで使用される共通のページを含む共通コンポーネント rd-component
を作成しようとしています。この公開(kāi)ページをインポートすると、エラーが表示されます:
再現(xiàn)可能な最小限の例を作成しました。これは、公開(kāi)ページを使用した単純なコンポーネントです。
リーリーこれは Index.tsx
:
これはすべてのパッケージを含む私の package.json です:
リーリーこれは、コマンド npm run build
を?qū)g行したときの完全なエラー出力です。
デフォルトでは、TypeScript (または使用している場(chǎng)合は create-react-app) は node_modules
からのモジュールをコンパイルしません。
これは、Goods
コンポーネントに當(dāng)てはまるようです:
デフォルト設(shè)定では、node_modules
內(nèi)のすべてが純粋な JavaScript プロジェクトで使用できる狀態(tài)にあることを前提としています。
したがって、TypeScript で書かれたライブラリ コンポーネントは JavaScript に変換されることが期待されます。
そうは言っても、プロジェクト src
のライブラリ ソースの TypeScript ファイルにシンボリック リンクを追加するという、簡(jiǎn)単な回避策を試すことができます。
IIRC、殘念ながら、一部のビルド エンジンは「あまりにも」賢く、シンボリックリンク経由で実際のパスを確認(rèn)することもできます...その場(chǎng)合は、ライブラリをコンパイル スコープに手動(dòng)で含める必要があります。
もちろん、正しい解決策はライブラリをプリコンパイルすることです。