'PlotlyModule' does not appear to be an NgModule class.

We are experiencing an issue when using angular-plotly.js and Angular17 saying that "'PlotlyModule' does not appear to be an NgModule class."

Error

error NG6002: 'PlotlyModule' does not appear to be an NgModule class.

176     PlotlyModule,
        ~~~~~~~~~~~~

  node_modules/angular-plotly.js/lib/plotly.module.d.ts:1:22
    1 export declare class PlotlyModule {
                           ~~~~~~~~~~~~
    This likely means that the library (angular-plotly.js) which declares PlotlyModule is not compatible with Angular Ivy. Check if a newer version of the library is available, and update if so. Also consider checking with the library's authors to see if the library is expected to be compatible with Ivy.

app.module.ts

import * as PlotlyJS from 'plotly.js-dist-min';
import { PlotlyModule } from 'angular-plotly.js';
PlotlyModule.plotlyjs = PlotlyJS;

@NgModule({
  declarations: [
    ...,
  ],
  imports: [
    ...,
    PlotlyModule,
    ...,
]
});

Package Details

"@angular/animations": "^17.0.9",
 "@angular/cdk": "^16.2.13",
 "@angular/common": "^17.0.9",
 "@angular/compiler": "^17.0.9",
 "@angular/core": "^17.0.9",
 "@angular/forms": "^17.0.9",
 "@angular/material": "^16.2.13",
 "@angular/platform-browser": "^17.0.9",
 @angular/platform-browser-dynamic": "^17.0.9",
 "@angular/router": "^17.0.9",
 "angular-plotly.js": "^4.0.4",
 "moment": "^2.29.4",
 "plotly.js-dist-min": "^2.21.0",
 "rxjs": "~7.5.0",
 "tslib": "^2.3.0",
 "zone.js": "~0.14.3"

Is there something that can be done that will enable this to work?

首先，使用 issue 中列出的 Angular 17 與 angular-plotly.js 4.0.4 版本重現 NG6002 錯誤。檢查 app.module.ts 和 node_modules/angular-plotly.js/lib/plotly.module.d.ts，然後驗證可以在沒有 Ivy 相容性錯誤的情況下匯入 PlotlyModule。