vue3+ts项目中导入组件时报错has no default export

问题描述

// 下面这句会标红
import WorkItemDetails from "./components/details/index.vue";

报错是该组件没有导出，即"components/details/index.vue"has no default export.

报错原因

使用vetur这个插件（我目前的版本是0.37.3，应该是这个版本之前的都不支持）。具体是不支持vue3还是不支持ts大家可以自己试验下。

解决办法

禁用vetur插件，启用Volar这个插件
在这里插入图片描述

# javascript # vue.js # ecmascript
Logo
Vue

前往低代码交流专区

更多推荐

Vue里echarts根据页面大小动态调整/自适应

Vue里echarts根据页面大小动态调整/自适应

avatar Vue

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue