錯誤：“HelloWorld”已定義但從未使用過

Question

應用程序.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

我很確定問題來自預安裝打字稿。 刪除 typescript 作為腳本語言應該可以解決問題：

<script setup>

代替

<script setup lang="ts">

如果您不想刪除它，請嘗試弄清楚 typescript-components 與普通 js 組件的外觀有何不同。 抱歉，我對 Typescript 了解不多，我只知道它改變了組件的工作方式，因為它們現在更多地依賴 Typescript 而不是 javascript。 但我猜想在 vue 3 文檔中有關於使用 typescript 的信息。