Angular项目编译错误：无法找到'Map' 'MapConstructor'等名称求助

我之前也碰到过类似的问题——不用Angular CLI搭建的Angular项目，经常会因为tsconfig配置不全，导致TypeScript无法识别ES标准库的内置类型。你遇到的Cannot find name 'Map'、Cannot find name 'MapConstructor'这类错误，本质是TypeScript不知道这些ES2015内置对象的类型定义，下面是几个靠谱的解决办法：

1. 完善tsconfig.json的lib配置字段 #

你的tsconfig里已经把target设为es2015了，但TypeScript不会自动引入对应的标准库类型定义，需要手动在compilerOptions里添加lib字段，明确指定要包含的标准库：

{
  "compilerOptions": {
    "target": "es2015",
    "module": "commonjs",
    "moduleResolution": "node",
    "sourceMap": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "removeComments": false,
    // 新增这行，引入ES2015和DOM标准库类型
    "lib": ["es2015", "dom"],
    // 你的其他配置...
  }
}

es2015库会包含Map、Set这些ES2015新增的内置对象类型，dom则能覆盖浏览器环境下的相关类型定义，加完之后重新编译应该就能识别这些类型了。

2. 补充core-js类型定义（如果上述方法无效） #

如果还是报错，可能是项目里缺少core-js的类型支持，先安装对应的类型包：

npm install @types/core-js --save-dev

然后在tsconfig的compilerOptions里添加types字段：

"types": ["core-js"]

或者在项目的polyfills文件里手动引入Map的类型支持（不过你的target是es2015，现代浏览器已经原生支持，主要是补全类型定义）：

import 'core-js/es6/map';

3. 检查TypeScript版本兼容性 #

确保你的TypeScript版本和Angular版本匹配，过旧的TypeScript版本可能对ES2015的类型支持不完善。可以尝试升级到对应Angular版本推荐的TS版本：

npm install typescript@~X.X.X --save-dev

（把X.X.X替换成你Angular版本对应的TS版本号，比如Angular 10对应TS 3.9.x）

一般来说，第一种方法就能解决大部分这类问题——毕竟非CLI项目默认不会帮你设置lib字段，导致TypeScript只能识别最基础的类型。

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