Angular ng引导角配置karma jasmine

得到信息

如果“ngb xx”是一个角度分量，则确认它是 本模块

对于我尝试的每个角度引导组件

设置过程

npm install angular-cli
ng new project 
CD project
npm install 
npm install  --save bootstrap 
npm install --save @ng-bootstrap/ng-bootstrap

在app.module.ts中

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http' ;

import { NgbModule } from '@ng-bootstrap/ng-bootstrap' ;

import { AppComponent } from './app.component';
import { NgForm } from '@angular/forms/src/directives/ng_form';


@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    FormsModule,
    HttpModule,
    NgbModule.forRoot()
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

看起来一切都在使用ng引导和angular

但是因果报应和茉莉花一直在犯这样的错误

失败：模板分析错误：“ngb选项卡”不是已知元素：

如果“ngb tab”是一个角度组件，则验证它是否是此模块的一部分

如果“ngb tab”是一个Web组件，则将“CUSTOM_ELEMENTS_SCHEMA”添加到此组件的“@NgModule.schemas”以抑制此消息

（”

恩加勒特

失败：模板分析错误：无法绑定到“dismissible”，因为它 不是“ngb警报”的已知属性

如果“ngb警报”是一个角度组件，且具有“可驳回”输入，则验证它是否是该模块的一部分

如果“ngb alert”是一个Web组件，则将“CUSTOM_ELEMENTS_SCHEMA”添加到此组件的“@NgModule.schemas”以抑制此消息

若要允许任何属性，请将“无错误模式”添加到此组件的“@NgModule.schemas”

看起来我在因果报应和/或茉莉花的配置中遗漏了一些东西

请帮忙 //Karma配置文件，请参阅链接了解更多信息 //

karma.conf.js

module.exports = function (config) {
  config.set({
    basePath: '',
    frameworks: ['jasmine', '@angular/cli'],
    plugins: [
      require('karma-jasmine'),
      require('karma-chrome-launcher'),
      require('karma-jasmine-html-reporter'),
      require('karma-coverage-istanbul-reporter'),
      require('@angular/cli/plugins/karma')
    ],
    client:{
      clearContext: false // leave Jasmine Spec Runner output visible in browser
    },
    coverageIstanbulReporter: {
      reports: [ 'html', 'lcovonly' ],
      fixWebpackSourcePaths: true
    },
    angularCli: {
      environment: 'dev'
    },
    reporters: ['progress', 'kjhtml'],
    port: 9876,
    colors: true,
    logLevel: config.LOG_INFO,
    autoWatch: true,
    browsers: ['Chrome'],
    singleRun: false
  });
};

---

您的测试缺少

NgbModule

import，要修复它，您应该

• 导入模块

  import { NgbModule } from '@ng-bootstrap/ng-bootstrap' ;
  

• 将其添加到测试床导入

  TestBed.configureTestingModule({
      imports: [NgbModule, ...],
      declarations: [...],
      providers: [...]
  });
  

---

您需要将ngalert和ngb选项卡添加到ngmodule的声明中。您的业力代码在哪里？@Aravind业力代码已添加thanks@Pascal您添加了karma配置，而不是karma代码您在测试用例或代码中遇到错误？将css包含在css中？jasmine页面的css文件看起来缺少css