Takrif yang tidak digunakan: "HelloWorld"

Question

Fail App.vue

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

Fail HelloWorld.vue

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

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

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

Apakah masalah dan bagaimana untuk menyelesaikannya? Menghadapi isu ini apabila menggunakan skrip taip, API komposisi dan templat pug bersama-sama dalam vue3. Bimbang tentang cara mengimport komponen menggunakan API komposisi dan menggunakannya dalam templat pug?

Answer 1

Saya agak pasti masalah itu datang daripada prapasang skrip taip. Mengalih keluar skrip taip sebagai bahasa skrip sepatutnya melakukan silap mata:

bukannya

Jika anda tidak mahu mengeluarkannya, cuba ketahui bagaimana komponen skrip taip kelihatan berbeza daripada komponen js biasa. Maaf, saya tidak tahu banyak tentang Typescript, yang saya tahu ialah ia mengubah cara komponen berfungsi kerana mereka kini lebih bergantung pada Typescript daripada javascript. Tetapi saya rasa dokumentasi vue 3 mempunyai maklumat tentang menggunakan skrip taip.