Vue 3 / Typescript：模板变量中“找不到名称”

Question

在 Vue 3 / Typescript 中，我收到以下错误：

当将数据变量引用到...区域时，“找不到名称”。

我该如何解决这个问题？

请参阅随附的屏幕截图。

提前谢谢了。

Answer 1

当我将 lang="ts" 添加到 vue 文件时，我遇到了类似的问题，因为我是 Vue 3 和 Typescript 的新手。我通过确保以下几点解决了这个问题：

export default

到

export default defineComponent({

在你的 .vue 文件中。

确保添加导入。

import { defineComponent }

您的数据也应该驻留在设置中。

setup () {
  return {
    loader: false,
    error: false,
    firstTime: false

Answer 2

你失踪setup了，<script lang="ts">所以它应该是：

<script setup lang="ts">

来自文档：

使用时<script setup>，内部声明的任何顶级绑定（包括变量、函数声明和导入）都可以在模板中直接使用（...）