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 ?
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
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.