相关疑难解决方法(0)

Vue 3.2 <script setup> 标签和 TypeScript 类型的问题

我正在尝试将 Vue 3.2<script setup>标签与 TypeScript 一起使用。

我有一个简单的用例,我想在模板中显示用户 ID。

我的代码在技术上是有效的。它可以很好地显示用户 ID。

但有两点很奇怪...

  1. 我已经定义了一个userprop,其类型是User从 Firebase SDK 导入的。User这可行,但我在类型上收到错误: 'User' only refers to a type, but is being used as a value here. ts(2693)。为什么我会收到此错误以及如何修复它?

  2. 帮助文档说我不需要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)

firebase typescript vue.js vuejs3 vue-composition-api

10
推荐指数
1
解决办法
1万
查看次数