`标签引入外部资源报错怎么办?" />
将vue 2项目迁移到vite后,标签引入外部资源报错的解决方法
在将基于Vue 2的项目迁移到Vite构建工具后,使用标签引入外部资源的代码可能会出现错误,通常提示无法访问外部文件系统。 请参考Vite官方文档获取更详细的错误信息和解决方案。
解决方法:
错误通常是因为Vite的安全策略限制了对外部文件系统的直接访问。 解决方法是使用相对路径引用本地资源文件。
-
修改
标签的src属性: 将src属性的值改为相对于项目根目录的相对路径。 例如:
-
确认文件位置: 确保
my-external-script.js文件确实存在于项目目录中的./js/文件夹下,并且路径正确。
通过以上步骤,您可以修正因Vite安全策略导致的标签引入外部资源的错误。 如果问题仍然存在,请仔细检查文件路径和文件名,并参考Vite官方文档排查更复杂的场景。
立即学习“前端免费学习笔记(深入)”;










