Soluciones que no funcionaron: 1 (respuesta SO) y 2 (problema de GitHub)

Mi primer problema fue la incompatibilidad de versiones entre ng2-charts y chart.js , así que terminé usando esta respuesta en SO y funcionó (así que ahora mi package.json se ve así "ng2-charts": "^2.4.3" y "chart.js": "^2.9.4" ).

Pero ahora se desarrolló otro problema: no puedo vincular nada al lienzo dentro de los archivos page.html :

• Intenté importar ChartsModule dentro mypage.module.ts y también en app.module.ts sin ningún cambio.
• No tengo errores al compilar; los únicos errores que obtengo son los que están dentro de console.log cuando entro en mi página.
• También probé esta solución en SO que sugiere agregar 'ng2-charts/ng2-charts' dentro de la importación. Pero aún no hay cambios.

¿Cómo puedo vincular propiedades al lienzo correctamente en Angular con la biblioteca ng2-charts ?

Código html para mi página:

 <ion-header> <ion-toolbar> <ion-buttons slot="start"> <ion-back-button defaultHref="/home"></ion-back-button> </ion-buttons> <ion-title> Trendy {{ device.name }}</ion-title> </ion-toolbar> </ion-header> <ion-content> <ion-grid class="center"> <canvas baseChart [datasets]="dataX" [labels]="dataY" [chartType]="lineChartType"> </canvas> </ion-grid> </ion-content>

Código de la página module.ts:

 import { NgModule } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { TableDeviceTrendsPageRoutingModule } from './table-device-trends-routing.module'; import { TableDeviceTrendsPage } from './table-device-trends.page'; import { ChartsModule } from 'ng2-charts'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, TableDeviceTrendsPageRoutingModule, ChartsModule ], declarations: [TableDeviceTrendsPage] }) export class TableDeviceTrendsPageModule {}