Vue2+TypeScript集成EmailMisspelled时类型导出报错求助

问题原因 #

项目使用的TypeScript版本为~3.5.3，而email-misspelled@3.4.1的类型定义文件中使用了TypeScript 3.8及以上才支持的export type { ... } from "module"语法，低版本TS无法识别该语法，因此抛出Cannot find name 'from'的错误。

解决方案 #

方案1：升级TypeScript版本到3.8+ #

修改项目package.json中的typescript版本为兼容Vue CLI 4的3.8+版本，例如：

{
  "devDependencies": {
    "typescript": "~3.8.3"
    // 其他依赖保持不变
  }
}

执行命令重新安装依赖：

npm install

方案2：降级email-misspelled到兼容TS3.5的版本 #

选择该工具的旧版本，确保其类型定义使用TS3.5支持的语法，例如3.3.0版本：

npm install email-misspelled@3.3.0 --save

修改后package.json中的对应依赖会自动更新，重新运行项目即可。

方案3：临时跳过库类型检查（不推荐） #

在项目的tsconfig.json中启用skipLibCheck选项，让TypeScript跳过对node_modules中类型文件的检查：

{
  "compilerOptions": {
    // 原有配置
    "skipLibCheck": true
  }
}

注意：此方法仅作为临时应急方案，可能会隐藏其他潜在的类型错误，不建议长期使用。

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