Vue.js Vite ビルド エラー <video><source> タグ

Question

Vue 3 アプリを開発していて、静止画像をビデオに置き換えようとしていますが、スローされます

リーリー

このビルド (使用しているイメージではなく、表示用です):

リーリー

これは起こりません:

リーリー

私は Vite を初めて使用するのですが、なぜ Vite が HTML タグからビデオをインポートするようになるのかを理解したいと思っています。

Answer 1

@adain が指摘したように、 .mov ファイルは、ビルドで使用される変換パイプライン から除外されるリソース タイプのデフォルトのリストではありません。

解決策は、

assetsInclude を設定して .mov ファイルをこのリストに追加することです。 リーリー 別の解決策は、

bindリテラル文字列: (上記の assetsIninclude 構成には必要ありません) リーリー