无法通过 Angular 语言服务解析 vscode 中管道调用的签名

我有一个pipesModule in 角度库当我将模块导入到另一个项目时，出现错误提示：Unable to resolve signature for pipe invocation在 vs code 中，它仍然有效，构建没有错误，但我不知道如何修复它，我有很多红线......

现在，升级后错误提示发生了变化，如下所示：Unable to resolve signature for call of pipeName，但我认为这意味着同样的事情

每个管道都会出现这个错误，我无法忍受红线...，但是可以通过webstorm解决。

仅此而已，还有什么问题吗？

Angular 库项目

Angular Library Project
├─src
│  ├─pipes
│  │  ├─hide-tel.pipe.ts
│  │  ├─pipes.module.ts
│  │  └─index.ts
│  ├─public_api.ts
...

• 隐藏电话.pipe.ts

import {Pipe, PipeTransform} from '@angular/core';

@Pipe({
  name: 'hideTel'
})
export class HideTelPipe implements PipeTransform {
  transform(value: string): string {
    return value.slice(0, 3) + '****' + value.slice(-4);
  }
}

• 管道模块.ts

import { NgModule } from '@angular/core';
import { HideTelPipe } from './hide-txt.pipe';

const PIPES = [
  HideTelPipe,
];

@NgModule({
  declarations: [ ...PIPES ],
  exports: [ ...PIPES ],
})
export class PipesModule {}

• index.ts

export * from './hide-tel.pipe';
export * from './pipes.module';

• 公共API.ts

export * from './pipes/index';

问题项目

Question Project
├─src
│  ├─my-common
│  │  └─my-common.module.ts
│  ├─app
│  │  └─some
│  │     ├─some.component.html
│  │     ├─some.component.scss
│  │     └─some.component.ts
│  ├─app.module.ts
...

• my-common.module.ts

import {ModuleWithProviders, NgModule} from '@angular/core';
import {FormsModule} from '@angular/forms';
import {CommonModule} from '@angular/common';

const MODULES = [
  CommonModule,
  FormsModule,
  PipesModule,
];

@NgModule({
  imports: [
    ...MODULES,
  ],
  declarations: [],
  exports: [
    ...MODULES,
  ],
  providers: [],
})
export class MyCommonModule {
  static forRoot(): ModuleWithProviders {
    return {
      ngModule: MyCommonModule,
      providers: [],
    };
  }
}

• 应用程序模块.ts

import {BrowserModule} from '@angular/platform-browser';
import {ErrorHandler, NgModule} from '@angular/core';
import {RouterModule} from '@angular/router';
import {AppComponent} from './app.component';
import {TransferHttpCacheModule} from '@nguniversal/common';
import {HttpClientModule} from '@angular/common/http';
import {CommonModule} from '@angular/common';
import {FormsModule} from '@angular/forms';
import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
import {environment} from '../environments/environment';
import {APP_ROUTES} from './app.routing';
import {MyCommonModule} from './my-common/my-common.module';

import {SomeComponent} from './app/some/some.component.ts';

@NgModule({
  declarations: [
    AppComponent,
    SomeComponent,
  ],
  imports: [
    CommonModule,
    FormsModule,
    BrowserAnimationsModule,
    MyCommonModule.forRoot(),
    BrowserModule.withServerTransition({appId: 'my-app'}),
    RouterModule.forRoot(APP_ROUTES, {
      useHash: false
    }),
    TransferHttpCacheModule,
    HttpClientModule,
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule {
}

• 一些.component.html

<div>{{ telNumber | hideTel }}</div>
       〰️〰️〰️〰️〰️〰️〰️〰️〰️
=======^================================================
  x some.component.html 1 of 1 problems
--------------------------------------------------------
  Unable to resolve signature for call of hideTelng
========================================================

可以通过以下方式解决"preserveSymlinks": truetsconfig.json 中的选项

• tsconfig.json

{
    ...
    "compilerOptions": {
        ...
        "preserveSymlinks": true,
    },
}