Définition inutilisée : "HelloWorld"

Question

Fichier App.vue

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

Fichier HelloWorld.vue

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

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

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

Quel est le problème et comment le résoudre ? Nous avons rencontré ce problème lors de l'utilisation conjointe de TypeScript, de l'API de composition et du modèle Carlin dans vue3. Vous vous demandez comment importer un composant à l'aide de l'API de composition et l'utiliser dans un modèle carlin ?

Answer 1

Je suis presque sûr que le problème vient de la préinstallation de TypeScript. Supprimer Typescript en tant que langage de script devrait faire l'affaire : 

au lieu de

Si vous ne souhaitez pas le supprimer, essayez de découvrir en quoi le composant TypeScript est différent du composant js normal. Désolé, je ne connais pas grand-chose à Typescript, tout ce que je sais, c'est que cela a changé la façon dont les composants fonctionnent car ils s'appuient désormais davantage sur Typescript que sur Javascript. Mais je suppose que la documentation de vue 3 contient des informations sur l'utilisation de TypeScript.