モジュールの解析に失敗しました: 予約キーワード「interface」が見つかりました

Question

すべてのプロジェクトで使用される共通のページを含む共通コンポーネント rd-component を作成しようとしています。この公開ページをインポートすると、エラーが表示されます:

リーリー

再現可能な最小限の例を作成しました。これは、公開ページを使用した単純なコンポーネントです。

リーリー

これは Index.tsx:

です リーリー

これはすべてのパッケージを含む私の package.json です:

リーリー

これは、コマンド npm run build を実行したときの完全なエラー出力です。

: ああああ

Answer 1

デフォルトでは、TypeScript (または使用している場合は create-react-app) は node_modules からのモジュールをコンパイルしません。

これは、Goods コンポーネントに当てはまるようです:

リーリー リーリー

デフォルト設定では、node_modules 内のすべてが純粋な JavaScript プロジェクトで使用できる状態にあることを前提としています。

したがって、TypeScript で書かれたライブラリ コンポーネントは JavaScript に変換されることが期待されます。

そうは言っても、プロジェクト src のライブラリ ソースの TypeScript ファイルにシンボリック リンクを追加するという、簡単な回避策を試すことができます。

IIRC、残念ながら、一部のビルド エンジンは「あまりにも」賢く、シンボリックリンク経由で実際のパスを確認することもできます...その場合は、ライブラリをコンパイル スコープに手動で含める必要があります。

もちろん、正しい解決策はライブラリをプリコンパイルすることです。