TypeScript文件混合导入值与类型触发SonarQube报错？如何解决？

报错原因 #

SonarQube当前使用的TypeScript解析器版本不支持同一条import语句中混合导入常规模块与类型的简写语法。你写的import axios, { type AxiosResponse } from 'axios'是TypeScript 4.5及以上版本才引入的「类型导入简写」特性，如果SonarQube内置的TS解析器版本低于4.5，就会无法识别这个语法结构，抛出逗号缺失的错误。

至于Vue文件无报错，是因为Vue文件会先经过项目的TypeScript编译器（如vue-tsc）处理，语法已被转译为兼容低版本解析器的形式后再交给SonarQube；而拆分两行的写法是TS 4.5之前的标准导入方式，自然能被旧版解析器正常识别。

除拆分代码外的其他解决方案 #

• 升级SonarQube的TypeScript相关插件版本：当前SonarJS插件已整合TypeScript支持，更新到兼容TS 4.5+的版本，即可识别这种联合导入语法。
• 配置SonarQube读取项目的tsconfig.json：确保SonarQube使用项目自身配置的TypeScript版本进行解析，在tsconfig.json中指定"compilerOptions": { "target": "ES2020", "module": "ESNext" }等符合TS 4.5+的配置，并在SonarQube扫描时指定该配置文件路径。
• 提前转译语法：在SonarQube扫描前，用项目的TypeScript编译器或ESLint将代码转译为低版本兼容的语法，再提交扫描。

内容的提问来源于stack exchange，提问作者Tina