我正在尝试使用带有角度2和角度CLI的ag-grid https://www.ag-grid.com/ag-grid-angular-angularcli/#gsc.tab=0.
我已经实现了一个示例"masterdetail-master"并在超过6个月之前对其进行了很多更改并且它工作正常(我在网上找不到任何示例) .
现在我想完成我的项目,所以我更新了所有的软件包,之后该项目没有再次构建
我在构建操作期间收到此错误消息
ERROR in C:/MasterProtectionAngular2/MasterProtection/client/node_modules/ag-grid-angular/dist/interfaces.d.ts (1,245): Module '"C:/MasterProtectionAngular2/MasterProtection/client/node_modules/ag-grid/main"' has no exported member 'ILoadingOverlayComp'.
ERROR in C:/MasterProtectionAngular2/MasterProtection/client/node_modules/ag-grid-angular/dist/interfaces.d.ts (1,266): Module '"C:/MasterProtectionAngular2/MasterProtection/client/node_modules/ag-grid/main"' has no exported member 'ILoadingOverlayParams'.
ERROR in C:/MasterProtectionAngular2/MasterProtection/client/node_modules/ag-grid-angular/dist/interfaces.d.ts (1,289): Module '"C:/MasterProtectionAngular2/MasterProtection/client/node_modules/ag-grid/main"' has no exported member 'INoRowsOverlayComp'.
ERROR in C:/MasterProtectionAngular2/MasterProtection/client/node_modules/ag-grid-angular/dist/interfaces.d.ts (1,309): Module '"C:/MasterProtectionAngular2/MasterProtection/client/node_modules/ag-grid/main"' has no exported member 'INoRowsOverlayParams'.
ERROR in C:/MasterProtectionAngular2/MasterProtection/client/node_modules/ag-grid-angular/dist/ng2FrameworkFactory.d.ts (4,22): Class 'Ng2FrameworkFactory' incorrectly implements interface 'IFrameworkFactory'.
Property 'colDefFilter' is missing in type 'Ng2FrameworkFactory'.
这是我的package.json
{
"name": "client",
"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/animations": "^4.4.6",
"@angular/common": "^4.4.6",
"@angular/compiler": "^4.4.6",
"@angular/core": "^4.4.6",
"@angular/forms": "^4.4.6",
"@angular/http": "^4.4.6",
"@angular/platform-browser": "^4.4.6",
"@angular/platform-browser-dynamic": "^4.4.6",
"@angular/router": "^4.4.6",
"ag-grid": "^13.3.1",
"ag-grid-angular": "^15.0.0",
"angular2-jwt": "^0.2.3",
"core-js": "^2.5.3",
"mongoose-role": "^2.0.1",
"rxjs": "^5.5.6",
"zone.js": "^0.8.20"
},
"devDependencies": {
"@angular/cli": "^1.6.4",
"@angular/compiler-cli": "^4.4.6",
"@angular/language-service": "^4.4.6",
"@types/jasmine": "~2.5.53",
"@types/jasminewd2": "^2.0.3",
"@types/node": "~6.0.60",
"codelyzer": "~3.1.1",
"jasmine-core": "~2.6.2",
"jasmine-spec-reporter": "~4.1.0",
"karma": "^1.7.1",
"karma-chrome-launcher": "~2.1.1",
"karma-cli": "~1.0.1",
"karma-coverage-istanbul-reporter": "^1.3.3",
"karma-jasmine": "^1.1.1",
"karma-jasmine-html-reporter": "^0.2.2",
"protractor": "~5.1.2",
"ts-node": "~3.2.0",
"tslint": "~5.3.2",
"typescript": "~2.3.3"
}
}
这是我的app.module.ts
import { BrowserModule } from '@angular/platform-browser';
import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
import { NgModule } from '@angular/core';
import { AppRoutingModule } from './app-routing.module'
import { AppComponent } from './app.component';
import { ReactiveFormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';
import { NavbarComponent } from './components/navbar/navbar.component';
import { HomeComponent } from './components/home/home.component';
import { DashboardComponent } from './components/dashboard/dashboard.component';
import { RegisterComponent } from './components/register/register.component';
import { AuthService } from './services/auth.service';
import { UserService } from './services/user.service';
import { BlogService } from './services/blog.service';
import { LoginComponent } from './components/login/login.component';
import { ProfileComponent } from './components/profile/profile.component'
import { AuthGuard } from './guards/auth.guard';
import { NotAuthGuard } from './guards/notAuth.guard';
import { BlogComponent } from './components/blog/blog.component';
import { EditBlogComponent } from './components/blog/edit-blog/edit-blog.component';
import { FormsModule } from '@angular/forms';
import { DeleteBlogComponent } from './components/blog/delete-blog/delete-blog.component';
import { PublicProfileComponent } from './components/public-profile/public-profile.component';
import { UsersListComponent } from './components/users-list/users-list.component';
// import { ConfirmDialogModule, ConfirmationService } from 'primeng/primeng';
// import { DataTableModule } from 'primeng/primeng';
import { DetailPanelComponent } from './components/detail-panel/detail-panel.component';
import { MasterdetailMasterComponent } from './components/masterdetail-master/masterdetail-master.component';
// import {FlashMessagesService} from "angular2-flash-messages";
// ap grid
import {AgGridModule} from "ag-grid-angular/main"; // WHEN i REMOVE THIS LINE THE ERROR MESSAGE DISAPPEAR
@NgModule({
declarations: [
AppComponent,
NavbarComponent,
HomeComponent,
DashboardComponent,
RegisterComponent,
LoginComponent,
ProfileComponent,
BlogComponent,
EditBlogComponent,
DeleteBlogComponent,
PublicProfileComponent,
UsersListComponent,
DetailPanelComponent,
MasterdetailMasterComponent
],
imports: [
BrowserModule,
AppRoutingModule,
HttpModule,
ReactiveFormsModule,
FormsModule,
// ConfirmDialogModule,
BrowserAnimationsModule,
// DataTableModule,
AgGridModule.withComponents(
[MasterdetailMasterComponent,DetailPanelComponent])
// FlashMessagesService
],
providers: [AuthService, AuthGuard, NotAuthGuard, BlogService, UserService],
bootstrap: [AppComponent]
})
export class AppModule { }
ADDED: and this are my components version:
Angular CLI: 1.6.4
Node: 8.9.4
OS: win32 x64
Angular: 4.4.6
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router, tsc-wrapped
@angular/cli: 1.6.4
@angular-devkit/build-optimizer: 0.0.38
@angular-devkit/core: 0.0.25
@angular-devkit/schematics: 0.0.48
@ngtools/json-schema: 1.1.0
@ngtools/webpack: 1.9.4
@schematics/angular: 0.1.13
@schematics/schematics: 0.0.13
typescript: 2.3.4
webpack: 3.10.0