我正在尝试将 Vue 3.2<script setup>标签与 TypeScript 一起使用。
我有一个简单的用例,我想在模板中显示用户 ID。
我的代码在技术上是有效的。它可以很好地显示用户 ID。
但有两点很奇怪...
我已经定义了一个userprop,其类型是User从 Firebase SDK 导入的。User这可行,但我在类型上收到错误: 'User' only refers to a type, but is being used as a value here. ts(2693)。为什么我会收到此错误以及如何修复它?
帮助文档说我不需要import { defineProps } from "vue";。但如果我不进行导入,就会出现错误'defineProps' is not defined。这很令人困惑。当文档另有说明时,为什么我被迫导入它?
这是我的完整代码:
<template>
<div>Logged in as {{ user.uid }}</div>
</template>
<script setup lang="ts">
import { defineProps } from "vue"; //Docs say this is not needed, but it …Run Code Online (Sandbox Code Playgroud)