错误:定义了“HelloWorld”，但从未使用过

Question

App.vue文件

<template lang="pug">
div
  hello-world
</template>
<script setup lang="ts">
import HelloWorld from "./components/HelloWorld.vue";
</script>

HelloWorld.vue文件

<template lang="pug">
div
  h1 {{ msg }}
</template>

<script setup lang="ts">
import { ref } from "vue";

const msg = ref<string>("Hello World!!!");
</script>

问题是什么，如何解决？在vue3中使用类型记录、组合API和pug模板时会出现此问题。我们关心的是如何使用复合API导入组件并在pug模板中使用它？

Answer 1

我很确定这个问题来自于预装的打字本。那么，删除作为脚本语言的类型文本就可以做到这一点：

<script setup>

而不是

<script setup lang="ts">

如果您不想删除它，那么试着找出类型记录-组件需要看起来与普通js组件是如何不同的。对不起，我对类型记录不太了解，我只知道它改变了组件的工作方式，因为它们现在更多地依赖于类型记录，而不是javascript。但我想，vue 3文档中有关于使用类型记录的信息。