Vue3+Vite+TypeScript中ts文件导出接口报错

Question

使用的环境为Vite+Vue3+TypeScript。

报错信息如下:

Uncaught SyntaxError: The requested module '/src/components/columList/propType.ts' does not provide an export named 'IColumnProps'

定义的对应的ts文件如下:

export interface IColumnProps{
  id: number,
  title: string,
  avater: string,
  description: string
}

实在找不出来错误的原因。

Answer 1

尝试在import的时候将import {xxx} from 'xxx'改成import type {xxx} from 'xxx'
目前好像只有vite会出现这种问题，webpack就没事
参考文章 ts import type和export type 解决vite中导入类型报错的问题

Answer 2

怎么引入的贴下

Answer 3

你好，请问解决了吗?我也遇到了这个问题。。