前几天偶然瞄到同事代码当中的 import 语句总是飘红,跑过去看了一下,大概都是啥啥啥模块没有解析出来。
一般情况下,这种都是模块名写错了、路径不对啊,或者缺了啥 TS defined 文件。因为大家开发的是同一个项目,首先可以排除代码问题,所以我一开始认为是 VSCode 缺了啥配置或者插件。
然鹅按照网上的一通捣鼓无果,又只能倒回去看飘红的代码,我突然注意到不是所有的 import 语句有问题。飘红的句子挨个点进去,我发现全是下图的导出定义文件(下方是 antd pro-components 的导出文件):
VSCode 在这些句子上挨个报了 Warning:This rule can't verify that export * only export componentseslint(react-refresh/only-export-components)
。我理解大概就是 export * from ***
这句子无法验证,然后报错的人是 react-refresh 。react-refresh 这东西是用来热更新的,方便开发的时候能及时看到效果,我不太理解这种地方为什么会和它扯上关系。
查了一通也是一头雾水,最后考虑可能是 VSCode 的版本问题,或者哪哪抽风了,遂让同事重新安装 VSCode ,欸~就好了。