导入MobxAngularModule导致Ionic应用编译失败如何解决？

两个报错均为依赖版本不兼容、TS配置缺失导致，可按以下步骤解决：

步骤1：调整mobx相关依赖版本 #

首先卸载现有版本：

npm uninstall mobx mobx-angular

根据你当前的Angular版本安装兼容组合：

• Angular 12~14（对应Ionic 5~6）：安装mobx@6.3.0 + mobx-angular@4.1.0

  npm install mobx@6.3.0 mobx-angular@4.1.0
  

• Angular 15+（对应Ionic 7+）：安装mobx@6.10.x + mobx-angular@5.0.0

  npm install mobx@6.10.x mobx-angular@5.0.0
  

步骤2：修复TypeScript配置 #

第二个Generator不是泛型报错为TS标准库配置缺失导致，打开项目根目录tsconfig.json，在compilerOptions.lib数组中添加ES2015.Generator即可，参考配置：

{
  "compilerOptions": {
    "target": "ES2020",
    "lib": [
      "ES2022",
      "ES2015.Generator",
      "dom"
    ]
    // 其余原有配置保持不变
  }
}

步骤3：重启项目 #

删除项目下的.angular缓存目录、node_modules文件夹、package-lock.json文件，重新执行npm install后启动项目即可。

临时应急方案：若仅做练习不想调整版本，可直接在tsconfig.json的compilerOptions中添加"skipLibCheck": true，跳过第三方库类型校验，可直接启动项目。

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