我正在开发一个 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粉3995850242024-03-26 17:19:30
正如@adain所指出的,.mov
文件不在要从构建中使用的转换管道中排除的资源类型的默认列表。
解决方案是配置 assetsInclude
将 .mov
文件添加到该列表中: p>
// vite.config.js import { defineConfig } from 'vite' export default defineConfig({ assetsInclude: ['**/*.mov'], ⋮ })
另一种解决方法是绑定一个文字string: (上面的 assetsIninclude
配置不需要)