在 Angular 8 中使用活动报告的问题答案

【问题标题】：Problem Using Active Reports in Angular 8在 Angular 8 中使用活动报告的问题
【发布时间】：2020-05-29 01:28:37
【问题描述】：

我尝试在 Angular 8 中使用 Active Reports，并完成了该网站所需的所有步骤，https://www.grapecity.com/activereportsjs/docs/GettingStarted/QuickStart/QuickStart-Angular 当我尝试编译我的应用程序时，我仍然收到此错误：

ERROR in The target entry-point "@grapecity/activereports-angular" has missing dependencies:
 - rdlx-model
 - @grapecity/ar-js-viewer/ExportPanel
 - @grapecity/viewer-core
 - @grapecity/ar-js-viewer
 - @grapecity/viewer-core/features/search

这是我的代码：

在 App.Component.Html 中

gc-activereports-viewer [height]="height" [availableExports]="availableExports" (documentLoaded)="onDocumentLoaded($event)" #reportviewer></gc-activereports-viewer

在 App.Module.Ts 中

  import { BrowserModule } from '@angular/platform-browser';<br />
   import { NgModule } from '@angular/core';<br />
   import { ActiveReportsModule } from '@grapecity/activereports-angular';
   import { AppComponent } from './app.component';

   @NgModule({<br />
     declarations: [<br />
       AppComponent<br />
     ],<br />
     imports: [
       BrowserModule,
       ActiveReportsModule
     ],
     providers: [],
     bootstrap: [AppComponent]
   })<br />
   export class AppModule { }

在 App.Component.Ts 中
我使用了网站上完全相同的代码。（Grapecity.com）以及其余的步骤；我曾经以管理员 **npm install @grapecity/activereports-angular** 的身份运行此命令，但它也不起作用

**CMD 页面向我显示此消息：

**<br /> D:\Angular Projects\Reporter-so>  npm install @grapecity/activereports-angular<br />
npm WARN @grapecity/activereports-angular@1.1.0 requires a peer of @angular/common@^7.0.0 || ^8.0.0 but none is installed. You must install peer dependencies yourself.<br />
npm WARN @grapecity/activereports-angular@1.1.0 requires a peer of @angular/core@^7.0.0 || ^8.0.0 but none is installed. You must install peer dependencies yourself.<br />
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@2.1.2 (node_modules\fsevents):<br />
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.1.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

【问题讨论】：

标签： html node.js angular typescript npm

【解决方案1】：

在 tsconfig.app.json 中编写这段代码

"angularCompilerOptions": {
    "enableIvy": false
  }

【讨论】：