vite项目迁移：解决标签资源引入报错

将Vue2项目迁移到Vite后，可能会遇到引入外部资源的错误。本文通过一个实际案例，讲解如何解决这类问题。

问题：

迁移后，运行项目出现以下错误：

vue-component-analyzer

递归分析 Vue 项目组件依赖，从入口文件生成组件层级图，支持 Vue 2/3，输出组件名、文件路径和属性。适用于分析组件结构、排查依赖或了解项目架构。

下载

<code>Vite 拒绝访问文件系统中的"/echarts.min.js"和"/crc32.js"，出于安全考虑，未来版本的Vite将默认限制访问服务允许列表之外的文件。</code>

解决方案：

问题在于Vite无法访问项目中的外部文件。解决方法是使用相对路径引入这些脚本文件，例如：

<code class="javascript">//  此处应添加实际的相对路径，例如：
// <script src="./echarts.min.js"></script>
// <script src="./crc32.js"></script></code>

通过使用正确的相对路径，Vite就能正确加载这些文件，从而解决报错。 请确保路径准确指向项目中 echarts.min.js 和 crc32.js 文件的位置。