Vue.js Vite 建置錯誤 <video><source> 標籤
P粉899950720
P粉899950720 2024-03-25 21:21:53
0
1
418

我正在開發一個 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 標籤匯入影片。

P粉899950720
P粉899950720

全部回覆(1)
P粉399585024

正如@adain所指出的,.mov檔案不在要從建置中使用的轉換管道中排除的資源類型的預設清單

解決方案是配置 assetsInclude.mov 檔案加入到該清單中: p>

// vite.config.js
import { defineConfig } from 'vite'

export default defineConfig({
  assetsInclude: ['**/*.mov'],
  ⋮
})

另一種解決方法是綁定一個文字string: (上面的 assetsIninclude 配置不需要)


熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板