我正在開發一個 Vue 3 應用程式，并試圖將靜態影像換成視頻，它正在拋出一個
[vite] Build errored out.
Error: Unexpected character '' (Note that you need plugins to import files that are not JavaScript) at error (/myapp/node_modules/rollup/dist/shared/rollup.js:5275:30)
...
這構建（不是你會使用影像，而只是為了顯示）：
<video class="w-2/3 xs:w-full" controls="controls" name="Video Name">
<source src="/images/my_image.png">
</video>
這不會：
<video class="w-2/3 xs:w-full" controls="controls" name="Video Name">
<source src="/images/my_movie.mov">
</video>
我是 Vite 的新手，我試圖理解為什么它似乎想要從 HTML 標簽中匯入視頻。
uj5u.com熱心網友回復：
這似乎是一個錯誤（可能在 中@vue/compiler-sfc，它編譯模板并在src那里決議URL）。我不確定為什么 Vite（或模板編譯器）無法處理.mov擴展名src，但一種解決方法是系結文字字串：
<video class="w-2/3 xs:w-full" controls="controls" name="Video Name">
<!-- BEFORE -->
<!--<source src="/images/my_movie.mov">-->
<source :src="`/images/my_movie.mov`">
</video>
uj5u.com熱心網友回復：
添加 poster="/images/my_image.png" 到視頻標簽。像這樣;
<視頻海報=“/images/my_image.png” ...
否則，您無法將影像放入源標簽。
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/406889.html
標籤：
上一篇：使資料和方法在Vuejs中可重用