Angular Monorepo导入自定义库调用forRoot报错无法静态确定值怎么解决？

这个报错是Angular 12+ Ivy编译器的静态分析规则导致的：

• 当你使用import {ThemexModule} from "themex"别名导入时，Angular默认将该库识别为外部预构建依赖，不会处理其源码，因此无法静态解析forRoot方法的声明
• 当使用相对路径导入时，编译器会直接加载并编译库的源码，因此可以正常识别forRoot方法

方案1：预构建库后引用（推荐用于正式环境） #

1. 每次修改库代码后，执行库构建命令：
   ng build themex --watch
--watch参数会监听库代码变更自动重编译，适合开发阶段使用
2. 确认工作区根目录tsconfig.json的paths配置指向库的构建产物目录：

{
  "compilerOptions": {
    "paths": {
      "themex": ["./dist/themex"]
    }
  }
}

方案2：直接引用库源码（推荐用于高频迭代开发阶段） #

1. 修改工作区根目录tsconfig.json的paths配置，指向库的源码入口：

{
  "compilerOptions": {
    "paths": {
      "themex": ["./projects/themex/src/public-api.ts"]
    }
  }
}

2. 修改主项目的angular.json配置，在projects.<你的项目名>.architect.build.options节点下新增配置：

"preserveSymlinks": true

该配置会让Angular编译器直接处理别名导入的源码，不会将其识别为外部预构建依赖

将ThemexModule中forRoot方法的返回值泛型从any改为ThemexModule，降低静态分析异常概率：

import { ModuleWithProviders } from '@angular/core';

export class ThemexModule {
  static forRoot(config: {[key: string]: any}): ModuleWithProviders<ThemexModule> {
    return {
      ngModule: ThemexModule,
      providers: [
        {
          provide: ENVIRONMENT,
          useValue: config
        }
      ]
    };
  }
}

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