Nx Monorepo迁移后出现TS类型错误：类型'typeof NxWelcomeService'不存在属性'trace'（ts(2339)）

我来帮你搞定这个问题！你遇到的错误本质是把Angular服务的类本身当成实例来调用方法了，跟Nx Monorepo的配置关系不大，是服务使用方式的问题。

错误原因分析 #

你在nx-welcome.component.ts里把logger赋值为NxWelcomeService类本身：

private logger = NxWelcomeService

而NxWelcomeService中的trace是实例方法——只有当类被实例化后，这个方法才会存在于实例对象上。直接调用类本身的trace方法，TypeScript自然会报错：类的构造函数（typeof NxWelcomeService）不存在这个属性。

正确的解决方式（推荐） #

Angular服务的标准用法是通过依赖注入获取实例，你的服务已经配置了providedIn: 'root'（根级单例），直接在组件构造函数中注入即可：

修改后的nx-welcome.component.ts代码：

import { Component, OnInit } from '@angular/core';
import { NxWelcomeService } from './nx-welcome.service'
@Component({
  selector: 'linde-tgv-nx-welcome',
  templateUrl: './nx-welcome.component.html',
  styles: []
})
export class NxWelcomeComponent implements OnInit {
  // 直接通过构造函数注入服务实例
  constructor(private logger: NxWelcomeService) { };

  ngOnInit(): void {
    this.logger.trace('checklist-app - NxWelcomeComponent')
  }
}

这种方式符合Angular的最佳实践，也方便后续的单元测试和代码维护，完全适配Nx Monorepo的环境。

备选方案（不推荐） #

如果你确实需要直接通过类调用方法（不建议，会破坏依赖注入的优势），可以把trace改成静态方法：

修改后的nx-welcome.service.ts代码：

import { Injectable } from '@angular/core';
@Injectable({
  providedIn: 'root'
})
export class NxWelcomeService {
  constructor() { }
  // 改为静态方法
  public static trace(message :string) {console.log(message)}
}

此时你原来的组件代码就能正常运行，但这种写法会让服务失去可测试性和灵活性，不推荐在实际项目中使用。

额外检查 #

你的tsconfig.base.json和tsconfig.json配置看起来没有问题，路径映射和编译选项都符合Nx Angular项目的标准，解决服务调用方式的问题后，代码应该就能正常运行了。

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