「Nuxt がカスタム Vue (vuecli) コンポーネント ライブラリの認識を拒否し、エラー メッセージ「モジュールの宣言ファイルが見つかりません」が表示されます。」

Question

このチュートリアルで作成した VueCLI プロジェクトを使用して、小さな Vue コンポーネント ライブラリを構築しました。 https://javascript.plainenglish.io/how-to-create-test-bundle-vue-components-library-8c4828ab7b00

コンポーネント ライブラリ

VueCLI プロジェクトは Typescript を使用して設定されているため、いくつかの *.d.ts ファイルが付属しています:

リーリー

index.ts ファイルはすべてをエクスポートする場所です

リーリー

と私の package.json ファイル:

リーリー

ビルド スクリプトは、いくつかの JS ファイル、CSS ファイル、およびイメージをパッケージ化するためのフォルダーを生成します。

私の Nuxt プロジェクトは単なるボイラープレート プロジェクトであり、ビット バケット アカウントから ssh 経由でコンポーネント ライブラリをインポートしました:

リーリー

コンポーネント (ダウンストリーム、Nuxt アプリ内) をインポートしようとするたびに、次のようになります:

ページ/Index.vue

リーリー

次のエラーが発生します:

暗黙的にタイプ「any」を持つモジュール「my-ui-components」の宣言ファイルが見つかりません

「ATag.vue」は実際には特別なものではありません:

リーリー

それでは、私に何が欠けているのでしょうか? typescriptは初めてなので詳しくは分かりません。

上流 (ui-components ライブラリ) の宣言ファイルがビルド プロセスで使用されていないか、Nuxt に問題があると思います。

Answer 1

エクスポート方法が原因だと思います。通常、index.ts に次のようにエクスポート ステートメントを記述します。 リーリー