相关疑难解决方法(0)

我是角度开发的新手,也是使用茉莉花进行单元测试的新手.我创建了一个组件,使用角度材料MatDialogRef,来自@ angular/material的MAT_DIALOG_DATA播放对话框.该组件工作正常,但单元测试给我一个错误,我无法解决.

我真的需要这个工作,任何帮助将不胜感激....在此先感谢.. !!!

请在下面找到我的代码:

app.module.ts

        import { BrowserModule } from '@angular/platform-browser';
    import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
    import { HttpClientModule, HttpClient } from '@angular/common/http';
    import { HttpModule } from '@angular/http';
    import { RouterModule, Routes } from '@angular/router';
    import 'hammerjs';
    import { NgxPhoneSelectModule } from 'ngx-phone-select';
    import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
    import { FormsModule, ReactiveFormsModule } from '@angular/forms';
    import { MatInputModule, MatButtonModule, MatSelectModule } from '@angular/material';
    import { MatGridListModule } from '@angular/material';
    import { MatTableModule } from '@angular/material'; …

我是Angular的新手，我正在尝试编写一个简单的模块化应用程序。但是我收到以下错误：

未捕获的错误：模块'SomeModule'导入了意外的指令'SomeComponent'。请添加一个@NgModule批注。

基本上，我不想导入中的所有服务和组件app.module.ts，我想对代码进行模块化，但失败了。

这是 app.module.ts

@NgModule({
  declarations: [
    AppComponent,
    HomeComponent
  ],
  imports: [
    BrowserModule,
    RouterModule.forRoot(appRoutes),
    HttpClientModule,
    ReactiveFormsModule,
    SomeModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule {
}

这是嵌套模块：

@NgModule({
  imports: [
    CommonModule,
    SomeComponent
  ],
  providers: [SomeService],
  declarations: [],
  exports: [SomeComponent]
})
export class SomeModule {
}

这是嵌套的组件：

@Component({
  selector: 'app-index',
  templateUrl: './some.component.html',
  styleUrls: ['./some.component.css']
})
export class SomeComponent implements OnInit {

  somes: Array<ISome>;

  constructor(private http: HttpClient, private service: SomeService) {}

  ngOnInit() {
    this.getSomes();
  }

  getSomes() { …