Vue-Router.MJSの競合は、VUE3プロジェクトが公開モジュールを導入した後に発生しました。Userouter（）の問題を解決する方法を解決する方法を解決する方法は？

VUE3プロジェクト：Vue-Routerの競合とuserouter（）をreturn return undefinedに導くパブリックモジュールの導入のためのソリューション

この記事では、パブリックモジュールを導入した後にVUE3プロジェクトでundefinedでuseRouter()問題を分析および解決し、デバッグは2つのvue-router.mjsファイルの間に競合があることを示しています。

問題の説明：システム管理モジュール（システム）は、ルーティング構成（route.js）とvueルーター参照を含む共通モジュール（共通）に依存します。共通モジュールをイントラネットNexusに公開した後、システムモジュールが共通モジュールに導入された後、 useRouter()はundefined戻ります。デバッグは、プロジェクトに2つのvue-router.mjsファイルがあることを示しています。ただし、 yarn link @ht/commonを使用してCommonモジュールを導入すると、問題は消えます。

問題の根本原因：共通モジュールとシステムモジュールの両方がVueルーターに依存しています。共通モジュールはNPMパッケージの形でイントラネットネクサスに公開されるため、システムモジュールはNPMを通じてインストールされ、プロジェクトに2つのVueルーターバージョンがインストールされ、競合が発生します。 yarn link 、重複するインストールを回避し、シンボリックリンクを作成します。

解決策：プロジェクトがVue-Routerの1つのバージョンのみを使用していることを確認してください。次の方法が利用可能です。

1. バージョンの一貫性： commonモジュールとシステムモジュールのpackage.json確認して、Vue-Routerバージョンが一貫していることを確認してください。このバージョンは一貫していないため、モジュールの1つのVueルーターバージョンを調整する必要があります。

2. 依存関係の強化：共通モジュールのdependenciesからVUEルーターを削除し、システムモジュールのdependenciesで直接宣言します。システムモジュールは、バージョンの競合を回避するために、プロジェクトルートディレクトリからVUEルーターを直接インストールします。共通モジュールのルーティング構成は、Vueルーターに直接依存しなくなるように、それに応じて調整する必要があります。

3. モジュール構造の最適化：共通モジュール設計を再評価します。共通モジュールが共通コンポーネントとツール機能のみを提供する場合、ルーティング構成を含めるべきではありません。ルーティング構成は、システムモジュールまたは高レベルのルーティング構成モジュールに配置する必要があります。

上記の方法により、Vue-Routerバージョンの競合は効果的に回避でき、 useRouter()の問題をundefined戻します。コアは、プロジェクト内のVue-Routerの1つのバージョンのみがロードされ、正しく使用されるようにすることです。

以上がVue-Router.MJSの競合は、VUE3プロジェクトが公開モジュールを導入した後に発生しました。Userouter（）の問題を解決する方法を解決する方法を解決する方法は？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。