Vue3 + Vite => 'default' 不是由 xxx 导出的

Question

不是一个问题，而是一个解决方案，因此它可以帮助他人或未来的自己！

我花了 3 天时间尝试使用 Vite 迁移/构建一个 Vue3 项目并出现此错误：

'default' is not exported by XXX

我正在动态导入资产，如下所述： https://vitejs.dev/guide/assets.html#new-url-url-import-meta-url

new URL(`/src/${path}`, import.meta.url).href;

path 是我的资产的路径，例如“assets/icons/xxx.svg”。

问题是，如果新的 URL() 基路径指向 src 文件夹，Vite 将尝试解析其中的 .vue 和 .ts 文件，从而产生上述错误。

要解决它，只需在 URL 解析的基本路径上添加“assets”文件夹，如下所示：

new URL(`/src/assets/${path}`, import.meta.url).href;

欢迎你成为我的未来！

Answer 1

不要针对 URL 构造函数中的整个 src 文件夹。 设置“assets”文件夹，使其在尝试解析动态资产时不会尝试解析您的 .ts/.js/.vue 文件。