存在しないコンポーネントに対して Vue.js でエラーを作成します。

Question

存在しないコンポーネントを使用しようとすると、コンソールに単純な警告ではなくエラーが生成されるようにしたいです。

[Vue 警告]: コンポーネントを解決できませんでした: 存在しないコンポーネント
これがネイティブ カスタム要素である場合は、compilerOptions.isCustomElement を介してコンポーネントの解決から必ず除外してください。
  <MainLayout onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< 未定義 > > で
  <RouterView> で
  <App>

で

フローを中断する人が時々いますが、コンポーネントがまったく表示されないため、気付かない可能性があります。この問題を解決する方法はありますか?

Answer 1

Rollup プラグインを使用すると、この問題は非常に簡単に解決できます。プラグインは vite.config.js に直接記述することができます。ここでは、ロールアップのresolveIdフックを使用できます。 Vite/Rollup は、インポートを解決できない場合にこのフックを呼び出します。 Vue Single File Component (SFC) の場合は、任意のプレースホルダー コンポーネントに解決できます:

リーリー

src/components/Placeholder.vue を翻訳します (空にしたい場合は、これを実行してください):

リーリー