I'm facing an error with vue3, ts, vue cli where it says
Module '"c:/Users/USER/Documents/top-secret-project/src/components/Features/Features.vue"' has no default export.
when importing a component from a file
I have no idea why did this specific component decide to now work.
here's Features.vue
<script lang="ts">
import Feature from "./Feature.vue";
</script>
<template>
<Feature />
</template>
A @Boussadjra mentioned this could happen in Visual Studio Code if Vetur extension is installed there.
Insetted of Vetur if we install Volar extension in Visual Studio Code this problem gets solved.
With script setup syntax there's no need to add export default in your script, just add the setup attribute to your script:
<script lang="ts" setup>
import Feature from "./Feature.vue";
</script>
<template>
<Feature />
</template>
You should disable Vetur extension and use Vue - official (ex Volar)
Just disable Vetur Ext and install Vue - Official Ext
You must add export default in your component's script by example:
<script>
export default {
name: "HelpView",
};
</script>
I use vue3 and got the same problem. Sloved through disabled vutur Ext in VScode And recommand install this extension https://marketplace.visualstudio.com/items?itemName=Vue.volar vue-official
Features.vue?