未使用的定义：'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 中同时使用 typescript、composition API 和 pug 模板时遇到此问题。关心的是如何使用组合 API 导入组件并在 pug 模板中使用它？

Answer 1

我很确定问题来自预安装打字稿。删除打字稿作为脚本语言应该可以解决问题：

而不是

如果您不想删除它，请尝试找出打字稿组件与普通 js 组件的外观有何不同。抱歉，我对 Typescript 了解不多，我所知道的是它改变了组件的工作方式，因为它们现在更多地依赖于 Typescript 而不是 javascript。但我猜想 vue 3 文档上有关于使用 typescript 的信息。