Unbenutzte Definition: „HelloWorld'

Question

App.vue-Datei

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

HelloWorld.vue-Datei

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

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

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

Was ist das Problem und wie kann man es lösen? Dieses Problem ist aufgetreten, wenn Typescript, Composition API und Pug-Vorlage zusammen in vue3 verwendet wurden. Sind Sie besorgt darüber, wie Sie eine Komponente mithilfe der Kompositions-API importieren und in einer Pug-Vorlage verwenden können?

Answer 1

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

而不是

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