LaravelプロジェクトでVueJS 3のcompilerOptions.isCustomElementを設定する方法

Question

私は Laravel プロジェクトで VueJS 3 を開発しており、Markdown ツールバーの要素を提供する JS ファイルを使用しています。基本的に、これは、選択したマークダウン オプションを適用するボタンを提供する一連の関数です。すべて正常に動作しますが、コンソール エラーが表示されるので、消えてほしいと思います。

それらはすべて次のようになります:

リーリー

これは、md-linedivider 要素が、compilerOptions.isCustomElement によるコンポーネント解決から除外される必要があることを意味します。解決策を探し回ったところ、これしか見つかりませんでしたが、laravelプロジェクトにそれを適用するためのvue.config.jsがありません。 webpack.mis.js と app.js でこれを実行しようとしましたが、成功しませんでした。

＃＃＃誰か知っていますか？

Answer 1

Nuxt3 の場合、以下に示すように nuxt.config.ts に値を設定できます。

リーリー

Answer 2

これを webpack.mix.js

で試してください リーリー

---

アップデート 4.8.22 - Vite プロジェクトの場合: vite.config.js

リーリー