Angular cli集成第三方库

时间:2017-02-22 05:30:49

标签: angular gulp angular-cli

  

我有一个使用@ angular / cli和第三方库构建的项目   我创建的名为ng2-tools。当我安装这个库并运行它   使用@angular cli我收到此错误

ERROR in Ng2ToolsModule is not an NgModule
  

但如果我擦除一个模块并将其添加回来,则错误消失了   申请运行良好。我不能做的是构建应用程序   因为同样的错误。以下是ng2-tools的链接   库,master分支具有已发布的代码,this是使用的构建的应用程序   在开发分支上抛出错误的angular / cli是源代码。我应该为npm发布更多信息吗?   没有得到这个错误?如何将图书馆捆绑成2角?我正在使用   gulp用于构建库,因此我可以单独编译每个文件。   这是来自app.module

的源代码
import { MaterialModule } from '@angular/material';
import { CommonModule } from '@angular/common';
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';
import { RouterModule } from '@angular/router';
import { Ng2TableModule } from 'ng2-table/ng2-table';

import {  Ng2ToolsModule } from 'ng2-tools/module';

import { APP_ROUTES } from './app.routes';
import { APP_COMPONENTS } from './app-components';
import { AppComponent } from './app.component';

@NgModule({
    declarations: [
        AppComponent,
        ...APP_COMPONENTS
    ],
    imports: [
        Ng2TableModule,
        CommonModule,
        FormsModule,
        BrowserModule,
        MaterialModule,
        HttpModule,
        Ng2ToolsModule,
        RouterModule.forRoot(APP_ROUTES)
    ],
    bootstrap: [AppComponent]
})
export class AppModule {
}
  

这是Ng2ToolsModule的代码

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

import { AutocompleteModule, GenericFormModule } from './components/index';
import { DirectivesModule } from "./directives/directives.module";
import { CORE_SERVICES } from "./services/index";

@NgModule({
    imports: [AutocompleteModule, GenericFormModule, DirectivesModule],
    exports: [AutocompleteModule, GenericFormModule, DirectivesModule],
    providers: [CORE_SERVICES]
})
export class Ng2ToolsModule {
}

2 个答案:

答案 0 :(得分:0)

问题是我的构建系统没有构建兼容的软件包,我设法使用@ ngrx / store的构建配置为npm和angular> = 2构建一个库现在我正在写一个在将其移动到单独的仓库之后的表单组件我将发布到存储库的链接。

如果你想尝试一下,这是我的图书馆。 library built using ngrx/store config

答案 1 :(得分:0)

问题是我的构建系统没有构建兼容的软件包,我设法使用@ ngrx / store的构建配置为npm和angular> = 2构建一个库现在我正在写一个在将其移动到单独的仓库之后的表单组件我将发布到存储库的链接。

如果你想尝试一下,这是我的图书馆。

library built using ngrx/store build config