问题描述

vue3+ts项目开发过程中遇到一个奇怪的bug,如下图所示

image-20250826153159733

排查过程:

查看源代码,可以发现有两个style.ts文件,且内容不一样:

image-20250826153915417

询问AI后了解到:

image-20250826154149915

继续拷问AI,了解到:

image-20250826154403022

解决办法:

image-20250826154802797

总结:

ts中值导入和类型导入需要区分清楚,如果将类型当做值导入,比如:

1
import { MyInterface } from './myInterface.ts' //错误地将interface当做值导入

那么在运行时可能会出现文章开头的错误。