javascript - 如何在 Angular 中导入模块？

Question

我有一个 Angular 应用程序，我还创建了一个模块作为 npm 包。这是结构:

--otherModule
  --other-module.module.ts
  --index.ts
  --package.json

index.ts:

export { OtherModule } from './other-module.module';

其他模块.ts

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';;

@NgModule({
  declarations: [ OtherComponent ],
  imports: [
    CommonModule
  ],
})
export class OtherModule {
} 

运行 npm link 后，我尝试在我的 AppModule 中使用此模块，如下所示:

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { OtherModule } from 'other-module';

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

但是我收到以下错误:

Unexpected value 'OtherModule' imported by the module 'AppModule'. Please add a @NgModule annotation.

装饰器似乎不起作用什么的。有任何想法吗？

Answer 1

import { OtherModule } from 'other-module.module'; 可以工作，您错过了为目录结构提供的模块扩展。