視圖 |模組沒有預設導出

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>