問題タブ [webpack-5]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
webpack - エラー: 指定されたエクスポート 'バージョン' をインポートしないでください ('バージョン' としてインポートされます)
排出された create-react-app プロジェクトがあります。webpack 5 にアップデートした後、このエラーが発生しました。webpack v4.41.5 では問題なく動作していました。
OS: MacOS Catalina 10.15.7
ノード: v10.23.0
エラー: 名前付きエクスポート 'version' ('version' としてインポート) をデフォルト エクスポート モジュールからインポートしないでください (デフォルト エクスポートのみが近日中に利用可能になります)。
angular - モジュールフェデレーションアーキテクチャを使用してAngularアプリをインポートする場合、「inject()はインジェクションコンテキストから呼び出される必要があります」
このサンプルModule federation with angularに従って、 webpack5 モジュール フェデレーションを使用して angular でマイクロ フロントエンドの概念を実装しようとしていますが、このエラーに直面しています。
この回答inject() must be called from an Injection context で提供されているソリューションを試しましたが、機能しませんでした。
現在、両方のアプリケーションで角度バージョン 11 を使用しています。
インポートするアプリの package.json (子)
別のアプリをインポートするアプリの package.json (親)
node.js - Package.json は webpack 5 でエクスポートします - 動的にインポートされたモジュールが見つかりません
i18n ロケールの動的インポートのパスを調整するのに少し問題があります。関連するコードは次のとおりです-
私の目標は、関連するすべての翻訳を単一の npm パッケージで管理し、ビルド時にすべての動的インポート設定を処理してから、消費者がgetTranslation言語と名前空間のそれぞれのアプリでゲッター (この場合) を呼び出すことができるようにすることです。実行時にペイロードを取得するという選択。
この GH スレッドに基づいて、ロケールdistパスをpackage.json
たとえば、その構成に基づいてパッケージを公開するとexports、消費者は、ゲッターが呼び出されたときに相対パスまたはパッケージ名プレフィックスのいずれかのパスを調整する方法を知っています
すべてが動的であるため、CopyWebpackPluginを使用してロケールをdistフォルダーに含めています。
これはローカルでは期待どおりに機能しますが、 を作成するdistとエラーが発生しますError: Module not found ./relative/path/to/the/json/I/want.json。
私の質問：
私は何が欠けていますか？これらの翻訳を公開して、他のアプリが npm でインストールされたパッケージを介してバンドルに含めることができるようにする簡単な方法はありますか?
これが私のWebpack構成です。必要に応じて他の情報を提供してください