TypeScript报错：类型'{}'不存在属性'itemsNav'求助

这个报错核心是TypeScript没有正确识别<script setup>中声明的itemsNav变量，导致模板层面无法找到该属性，以下是可行的解决方法：

1. 显式为ref变量指定类型 #

给ref添加泛型类型声明，让TS能准确推断变量的类型，同时需要导入对应的接口类型：

<script setup lang="ts">
import { ref } from 'vue'
import { list, type NavList } from '../../constants/NAV';

const itemsNav = ref<NavList[]>(list)
</script>

2. 检查并完善TS配置 #

确保项目的tsconfig.json中包含Vue的类型支持，避免TS无法识别Vue相关的变量声明：

{
  "compilerOptions": {
    // 其他已有配置...
    "types": ["vue"]
  }
}

3. 清除编辑器缓存 #

如果是VSCode编辑器缓存导致的类型识别异常，按下快捷键Ctrl+Shift+P（Windows/Linux）或Cmd+Shift+P（Mac），选择「Reload Window」重新加载编辑器即可。

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