npm installを行ったことで、いくつかのモジュールが動かなくなりました

前提・現状

Nuxtで作っているWebアプリケーションで、Contentfulを使えるようにしようと思って

npm install @contentful/rich-text-react-renderer

を実行しました。

Contentfulはちゃんと動いたのですが、これまで動いていたinfinite-loadingなどが

cannot call a class as a function

のエラーとともに、動かなくなってしまいました。

試したこと

npm install前後でnpm listを実行してみたところ、以下の変化が見られました。
（例はinfinite-loadingですが、その他にも多くのモジュールで同じ変化がありました）

■実行前
UNMET DEPENDENCY vue-infinite-loading@2.4.5

■実行後
vue-infinite-loading@2.4.5

また、node_modules以下のファイルは、npm installをしたことでかなりの数が減っていました。

知りたいこと

「UNMET DEPENDENCY」について調べてみて、「依存関係がインストールされていない」ことによるメッセージだということは把握しました。
→npm installで表示が消えたということは、依存関係が解決された？

ただそうなのだとしたら、

なぜ、npm install前は動いていたのでしょうか
なぜ、npm installによって、ファイルが消えたのでしょうか

（依存関係の解決のため、増えるならわかります）

これまでの動きを担保したまま、今後npm installを使用していく方法はあるのでしょうか

infinite-loadingはたまたま動かなくなったことを見つけましたが、そもそも他にも動かなくなっているモジュールは多々あるのではないかと思います。
そのため、特定のモジュールだけではなく、npm listで出てきた「UNMET DEPENDENCY」に対する一般的な対応方法を教えて頂けると嬉しいです。

以上、よろしくお願いいたします。

追記（7/19）

失礼しました、動かなくなっていたのはinfinite-loadingではなく、loadingの部分でした。

■nuxt.config.js

loading: { color: '$primary' },

■vueファイル

this.$loading.show();

maisumakun

2021/07/17 09:39

> これまで動いていたinfinite-loadingなどが「元のコードの書き方が悪かった」などの可能性はないでしょうか？

MYG

2021/07/19 01:56

あるかもしれません。 infinite-loadingに関する記載は以下の通りとなっています。正しい書き方について調べてみますが、もしお気づきの点があればご指摘いただけると嬉しいです。 ■nuxt.config.js plugins: [ （略） { src: '~/plugins/infiniteloading', ssr: false }, （略） ] ■vueファイル上の記載 <infinite-loading v-if="searchUser" spinner="waveDots" ref="infiniteLoading" @infinite="infiniteScrollForSearchUser" >

MYG

2021/07/19 02:43 編集

失礼しました、動かなくなっていたのはinfinite-loadingではなく、loadingの部分でした。 ■nuxt.config.js loading: { color: '$primary' }, ■vueファイル this.$loading.show();