未使用的定義：'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 的資訊。