2017-06-04 23 views
3

我已經在此處共享我的模塊,組件和包文件,我試圖在ngif處使用click事件,但仍然出現錯誤。 它顯示的錯誤是「錯誤的NgSemanticModule不是NgModule」 我無法理解,如果這個錯誤是因爲語義UI依賴或它的發生,因爲我缺少的單擊事件獲取生成錯誤「NgSemanticModule中的錯誤不是NgModule」即使在添加依賴關係並導入到郵件模塊

任何一個可以幫助謝謝東西提前。

// app.module.ts 
    import { NgModule }  from '@angular/core'; 
    import { BrowserModule } from '@angular/platform-browser'; 
    import { CommonModule } from '@angular/common'; 
    import { AppComponent } from './app.component'; 
    import { HomeComponent } from './home/home.component'; //import home components 
    import { AboutComponent } from './about/about.component'; //import about component 
    import { NgSemanticModule } from 'ng-semantic'; 
    import { routing } from './app.routing'; 

    @NgModule({ 
    imports:  [ BrowserModule, routing , NgSemanticModule,CommonModule ], //other modules the app depends on 
    declarations: [ AppComponent, AboutComponent, HomeComponent ], // declare all derectives and components 
    bootstrap : [ AppComponent ] // root component to bootstarp 
    }) 
    export class AppModule { } 


//app.component.ts 
import { Component} from '@angular/core'; 

@Component({ 
    selector: 'app-root', 
    templateUrl: './app.component.html', 
    styleUrls: ['./app.component.css'], 
}) 

export class AppComponent { 
    isActive:boolean = true; 
    isCollapsedMenu() { 
    this.isActive = !this.isActive; 
    } 

} 


//package.json 

{ 
    "name": "angularapp", 
    "version": "0.0.0", 
    "license": "MIT", 
    "scripts": { 
    "ng": "ng", 
    "start": "ng serve", 
    "build": "ng build", 
    "test": "ng test", 
    "lint": "ng lint", 
    "e2e": "ng e2e" 
    }, 
    "private": true, 
    "dependencies": { 
    "@angular/common": "^4.0.0", 
    "@angular/compiler": "^4.0.0", 
    "@angular/core": "^4.0.0", 
    "@angular/forms": "^4.0.0", 
    "@angular/http": "^4.0.0", 
    "@angular/platform-browser": "^4.0.0", 
    "@angular/platform-browser-dynamic": "^4.0.0", 
    "@angular/router": "^4.0.0", 
    "bootstrap": "^3.3.7", 
    "core-js": "^2.4.1", 
    "ng-semantic": "^1.1.13", 
    "ng2-bootstrap": "1.1.16-11", 
    "ngx-bootstrap": "^1.7.1", 
    "rxjs": "^5.1.0", 
    "zone.js": "^0.8.4" 
    }, 
    "devDependencies": { 
    "@angular/cli": "1.0.5", 
    "@angular/compiler-cli": "^4.0.0", 
    "@types/jasmine": "2.5.38", 
    "@types/node": "^6.0.77", 
    "codelyzer": "~2.0.0", 
    "jasmine-core": "~2.5.2", 
    "jasmine-spec-reporter": "~3.2.0", 
    "karma": "~1.4.1", 
    "karma-chrome-launcher": "~2.1.1", 
    "karma-cli": "~1.0.1", 
    "karma-coverage-istanbul-reporter": "^0.2.0", 
    "karma-jasmine": "~1.1.0", 
    "karma-jasmine-html-reporter": "^0.2.2", 
    "protractor": "~5.1.0", 
    "ts-node": "~2.0.0", 
    "tslint": "~4.5.0", 
    "typescript": "~2.2.0" 
    } 
} 

回答

1

嘗試這樣,

import { NgSemanticModule } from 'ng-semantic/ng-semantic'; 

如果您正在使用角CLI,試試這個,

添加以下的NG-語義節點包中的文件ng-semantic.d.ts

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

... 

@NgModule({ 
    declarations: [ 
     NgSemanticModule 
    ] 
}) 
export declare class NgSemanticModule { 
} 

Reference

+0

仍然是一樣的錯誤。不工作 –

+0

你使用角度cli? – Sajeetharan

+0

是的我正在使用angular-cli,即使在控制檯中出現一個錯誤「無法綁定到'ng-if',因爲它不是'span'的已知屬性」,這可能是原因嗎? –

相關問題