无法导入 angular 外部库

Question

我有 2 个库。

1 - 用户界面模板

2 - 用户界面组件

要从应用程序导入 ui 模板，我这样做：

import {UiTemplatesModule} from '@growerdiaries-web/ui-templates';

import { AppComponent } from './app.component';

@NgModule({
  declarations: [AppComponent],
  imports: [BrowserModule, UiTemplatesModule],
  providers: [],
  bootstrap: [AppComponent],
})
export class AppModule {}

一切正常。

但是现在，我想将 ui-components 的一些组件用于 ui-templates。

为此，在 ui-templates 模块上，我创建了以下代码：

//if i use @growerdiaries-web/ui-components dosent works. Dosent find the reference.
import {UiComponentsModule} from '../../../ui-components/src/lib/ui-components.module';

import { LoginTemplateComponent } from './login-template/login-template.component';

@NgModule({
  imports: [CommonModule, UiComponentsModule],
  declarations: [
    LoginTemplateComponent
  ],
  exports: [
    LoginTemplateComponent
  ],
})
export class UiTemplatesModule {}

为什么模块无法直接从 ui-components 库中找到参考？ 我做错了什么？

ui 组件模块：

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { ButtonComponent } from './button/button.component';
import { InputComponent } from './input/input.component';
import { HeaderComponent } from './header/header.component';
import { FooterComponent } from './footer/footer.component';

@NgModule({
  imports: [CommonModule],
  declarations: [
    ButtonComponent,
    InputComponent,
    HeaderComponent,
    FooterComponent
  ],
  exports: [
    ButtonComponent,
    InputComponent,
    HeaderComponent,
    FooterComponent
  ],
})
export class UiComponentsModule {}

Answer 1

有必要清除 Visual Studio 代码缓存。 解决。