Angular项目编译报错：ɵɵinject与ɵɵdefineInjectable未找到及依赖问题

咱们先拆解一下你遇到的问题，根源都是版本不兼容导致的：

问题分析 #

1. UNMET PEER DEPENDENCY警告：你安装的@agm/core@1.0.0-beta.2实际上是为Angular 8及以上版本设计的，它要求的Angular核心包版本远高于你当前用的6.1.10，所以npm会抛出未满足的peer依赖提示。
2. 编译时的API找不到警告：ɵɵinject和ɵɵdefineInjectable是Angular 8才引入的新注入器底层API，你的Angular 6根本没有这些导出，所以@agm/core的代码调用这些API就会触发警告。

具体解决步骤 #

1. 降级@agm/core到兼容Angular 6的版本 #

Angular 6对应的@agm/core兼容版本是1.0.0-beta.5（这个版本专门适配Angular 6/7），执行以下命令替换当前版本：

npm uninstall @agm/core
npm install @agm/core@1.0.0-beta.5 --save

2. 统一Angular核心包版本 #

看你的package.json里，部分Angular包版本不一致（比如@angular/compiler是6.1.0，其他是6.1.10），版本差异可能引发潜在问题，建议统一升级到Angular 6的最新补丁版本：

npm install @angular/compiler@6.1.10 @angular/forms@6.1.10 @angular/http@6.1.10 @angular/platform-browser@6.1.10 @angular/platform-browser-dynamic@6.1.10 @angular/router@6.1.10 --save

3. 清理依赖缓存并重新安装 #

有时候npm缓存会导致依赖解析异常，执行以下步骤清理后重新安装：

# 清理node_modules和锁文件
rm -rf node_modules package-lock.json
# Windows用户请执行：
# rmdir /s /q node_modules
# del package-lock.json

# 重新安装依赖
npm install

4. 验证修复效果 #

现在启动项目，检查是否还存在之前的问题：

ng serve

正常情况下，编译警告和peer依赖提示都会消失，应用可以正常运行。

额外提示 #

如果你之后计划升级到更高版本的Angular（比如Angular 14+），可以再同步升级@agm/core到对应的最新稳定版本，但在Angular 6环境下，必须使用适配的低版本@agm/core才能避免兼容性问题。

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