视图 |模块没有默认导出

Question

我在 vue3、ts、vue cli 中遇到错误，其中显示 Module '"c:/Users/USER/Documents/top-secret-project/src/components/Features/Features.vue"' 没有默认导出. 从文件导入组件时 我不知道为什么这个特定组件决定现在工作。

这是 Features.vue

<script lang="ts">
import Feature from "./Feature.vue";
</script>

<template>
  <Feature />
</template>

Answer 1

@Boussadjra 提到，如果在 Visual Studio Code 中安装了 Vetur 扩展，则可能会发生这种情况。 插入 Vetur 如果我们在 Visual Studio Code 中安装 Volar 扩展，这个问题就可以解决。

Answer 2

使用脚本设置语法，无需在脚本中添加 export default，只需将 setup 属性添加到脚本中即可：

<script lang="ts" setup>
import Feature from "./Feature.vue";
</script>

<template>
  <Feature />
</template>