在WXT项目中配置Vite的isCustomElement时遇到的编译错误解析

问题背景

在使用WXT框架开发Chrome扩展时，开发者经常需要处理自定义元素的问题。最近有开发者在尝试为WXT项目添加Vite插件以实现自定义元素功能时，遇到了编译错误和运行时问题。

错误现象分析

开发者最初在wxt.config.ts文件中配置了Vite的Vue插件，并设置了isCustomElement选项来识别包含连字符的标签作为自定义元素。配置如下：

vite: (env) => ({
  plugins: [
    vue({
      template: {
        compilerOptions: {
          isCustomElement: (tag) => tag.includes('-')
        }
      }
    })
  ]
})

然而运行时出现了两个主要问题：

1. 编译时报错："At least one