vue.js 维镇|模块没有默认导出

au9on6nz  于 2023-03-24  发布在  Vue.js
关注(0)|答案(3)|浏览(448)

我在使用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>
0md85ypi

0md85ypi1#

使用脚本设置语法,无需在脚本中添加export default,只需将setup属性添加到脚本中:

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

<template>
  <Feature />
</template>
oprakyz7

oprakyz72#

您必须通过以下示例在组件的脚本中添加导出默认值:

<script>
export default {
  name: "HelpView",
};
</script>
crcmnpdw

crcmnpdw3#

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

相关问题