NUXT 3.5.1使用Setup脚本泛型特性报错求助

问题原因 #

Nuxt 3.5.1 内置的 @vue/compiler-sfc 版本未适配 Vue 3.3 新增的 Setup 脚本泛型特性，导致无法解析声明的泛型参数 T，触发类型引用无法解析的错误。

解决方法 #

1. 升级 Nuxt 版本
   直接将 Nuxt 升级到 3.6 及以上版本，该版本已完全兼容 Vue 3.3 的所有新特性，包括 Setup 脚本泛型。

2. 手动升级 @vue/compiler-sfc
   如果暂时无法升级 Nuxt，可单独升级项目中的 @vue/compiler-sfc 到与 Vue 3.3 匹配的版本：

   npm install @vue/compiler-sfc@^3.3.0 --save-dev
   

3. 检查 TypeScript 版本
   确保项目的 TypeScript 版本不低于 4.7，因为 Vue 3.3 的泛型脚本特性需要 TS 4.7+ 的语法支持。

修正后的代码示例 #

<script lang="ts" setup generic="T">
// 可提前定义泛型对应的 props 类型，或导入外部类型
interface Props<T> {
  item: T
}
const p = defineProps<Props<T>>();
</script>

内容的提问来源于stack exchange，提问作者aym1781969