Невозможно использовать ng2-диаграммы с Ionic 3 (ионно-угловой 3.9.4) - PullRequest
Новая
       18

Невозможно использовать ng2-диаграммы с Ionic 3 (ионно-угловой 3.9.4)

0 голосов
/ 14 марта 2019

Итак, я пытаюсь настроить ng2-диаграммы для своего проекта, но как только я импортирую модуль в раздел app.module.ts import, выдается следующее сообщение об ошибке: 

Uncaught TypeError: Object(...) is not a function
    at ng2-charts.js:230
    at Object.<anonymous> (ng2-charts.js:232)
    at __webpack_require__ (bootstrap 1f12d1e1e27208e77f22:54)
    at Object.286 (main.ts:5)
    at __webpack_require__ (bootstrap 1f12d1e1e27208e77f22:54)
    at Object.264 (main.ts:1)
    at __webpack_require__ (bootstrap 1f12d1e1e27208e77f22:54)
    at webpackJsonpCallback (bootstrap 1f12d1e1e27208e77f22:25)
    at main.js:

И если мы проверим строку в файле ng2-charts.js - 

/** @nocollapse */ ThemeService.ngInjectableDef = defineInjectable({ factory: function ThemeService_Factory() { return new ThemeService(); }, token: ThemeService, providedIn: "root" });

Я установил файл chart.js и импортировал его в файл app.component.ts следующим образом - 

import '../../node_modules/chart.js/dist/Chart.bundle.min.js';
import '../../node_modules/chart.js/dist/Chart.min.js';

А вот так выглядит раздел импорта файла app.module.ts - 

/**
 * Import Angular and Ionic libraries.
 */
import { BrowserModule } from '@angular/platform-browser';
import { ErrorHandler, NgModule } from '@angular/core';
import { IonicApp, IonicErrorHandler, IonicModule } from 'ionic-angular';

/**
 * Import third-party libraries.
 */
import { ChartsModule } from 'ng2-charts';

@NgModule({
  declarations: [
    ...
  ],
  imports: [
    BrowserModule,
    IonicModule.forRoot(EnlightMobileApp),
    IonicStorageModule.forRoot(),
    ChartsModule
  ],
  bootstrap: [IonicApp],
  entryComponents: [
    ...
  ],
  providers: [
    ...
  ]
})
export class AppModule {}

1 Ответ

3 голосов
/ 14 марта 2019

ng2-charts-x решает некоторые нерешенные проблемы с ng2-диаграммами, вы должны попробовать это.Просто установите его в соответствии с файлом readme, который похож на то, что вы сделали, но без импорта файла chart.js непосредственно в app.component.ts.

...