vite+vue3+ts 报错 模块“"LogModal.vue"”没有默认导出

使用vue3 setup语法糖的时候，倒入子组件，随即报错

import LogModal

模块“"../LogModal.vue"”没有默认导出。ts(1192)

该错误由ts抛出来，于是查看了一下tsconfig.json

发现一个选项，allowSyntheticDefaultImports,这个选项的意思是，允许从没有设置默认导出的模块中默认导入。这并不影响代码的输出，仅为了类型检查。

然后在项目tsconfig.json中加入这一选项即可

{
  "compilerOptions": {
    "allowSyntheticDefaultImports": true,
    // ...other config
  },
 
}