Vue.js Vite 构建错误 <video><source> 标签
P粉899950720
P粉899950720 2024-03-25 21:21:53
0
1
419

我正在开发一个 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 配置不需要)


热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板