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 模板中使用它？
我很确定问题来自预安装打字稿。删除打字稿作为脚本语言应该可以解决问题：
而不是
如果您不想删除它，请尝试找出打字稿组件与普通 js 组件的外观有何不同。抱歉，我对 Typescript 了解不多，我所知道的是它改变了组件的工作方式，因为它们现在更多地依赖于 Typescript 而不是 javascript。但我猜想 vue 3 文档上有关于使用 typescript 的信息。