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