启用Strict模式后Angular CLI生成项目编译失败求助

嘿，我碰到过好几次这个问题了——Angular开启Strict模式后，TypeScript的类型检查会变得异常严格，TS7016这个错误本质就是TypeScript找不到某个依赖的类型声明文件，下面给你几个针对性的解决步骤：

1. 先定位缺失的类型包，补上它 #

首先看完整的错误提示，比如它会明确告诉你Could not find a declaration file for module 'xxx'，这里的xxx就是没有类型声明的依赖。你只需要安装对应的@types包就行：

npm install @types/xxx --save-dev

如果这个依赖本身就没有官方的@types包，那可以在项目根目录新建一个typings.d.ts文件，添加一行代码来忽略它的类型检查：

declare module 'xxx';

2. 修正tsconfig里的typeRoots配置 #

你的tsconfig里typeRoots只写了["node_modules/@types"]，在Strict模式下可能会导致TypeScript找不到自定义类型或者某些隐藏的声明文件。建议调整成这样：

"typeRoots": [
  "./node_modules/@types",
  "./src/typings" // 如果有自己写的类型文件，加上这个路径
]

另外，lib里的es2017可以考虑换成更贴合现代浏览器的es2020，Strict模式下和新版本的ES标准兼容性会更好。

3. 检查Angular CLI版本是否兼容Strict模式 #

如果你的Angular CLI版本比较老，手动加strict: true可能会有兼容性问题。先升级到稳定版本试试：

ng update @angular/cli @angular/core

升级完之后，用官方命令来开启Strict模式，比手动改tsconfig更稳妥：

ng config schematics.@angular/core:strict true

4. 排查app.component.ts里的具体引用错误 #

错误指向了src/app/app.component.ts(2,29)，你仔细看看这一行是不是引用了某个没有类型的模块、本地JS文件，或者未声明的变量？比如如果是引用了本地的JS文件，要么给它补个.d.ts类型文件，要么在tsconfig里临时开allowJs: true（不过Strict模式下尽量别这么做，补类型才是长久之计）。

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