视图 | 模块没有默认导出

Question

我遇到了 vue3、ts、vue cli 的错误，它说 Module '"c:/Users/USER/Documents/top-secret-project/src/components/Features/Features.vue"' has no default export. 从文件导入组件时我不知道为什么这个特定组件决定现在工作。

这是 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>

您应该禁用 vetur 扩展并使用 Volar 代替它