After migratingo to Angular v18, the import of Echarts theme does not work

I was using echarts v5.4.3 with ngx-echarts 17.0.0 and angular 17, but when I updated angular to v18 and ngx-echarts 18.0.0 I notice that the theme is not working. I have also updated echarts to v5.5.1 just in case, but it still no working. Im not using standalone architecture

I have an application as a library where I am using the echarts package to create some graphics and there it is not working, but it is strange that in the application when I install this package, it works. Echarts is a peerDependency of this package. Should I add something in the angular.json or in some other file? Has anything changed in the way you import or anything you need to change or add? For example in the scripts section of angular.json like:

"scripts": [
"node_modules/echarts/dist/echarts.js",
"node_modules/echarts/theme/macarons.js",
],


In the aplication as library I am only importing the theme in the module this way:

import 'echarts/theme/macarons.js';
import * as echarts from 'echarts';
import { NgxEchartsModule } from 'ngx-echarts';

@NgModule({
imports: [
NgxEchartsModule.forRoot({
echarts
})
],


And I am using this way to create the graphics:

<div echarts [options]="echartsOption" theme="macarons"></div>

Continue reading...