Tengo un problema que no puedo resolver. Escribiendo una aplicación js pura y luego tengo un error:

 Uncaught TypeError: Cannot read properties of undefined (reading 'components') at new Excel (Excel.js:4:31) `at Header._createSuperInternal` (Formula.js:3:1) at new Header (Header.js:3:1) at Excel.js:11:25 at Array.forEach (<anonymous>) at Excel.getRoot (Excel.js:10:21) at Excel.render (Excel.js:19:26) at Module../index.js (index.js:12:7) at __webpack_require__ (bootstrap:24:1) at startup:7:1

Mi código en Excel.js:

 export class Excel { constructor(selector, options) { this.$el = document.querySelector(selector) this.components = options.components || [] } getRoot() { const $root = document.createElement('div') this.components.forEach(Component => { const component = new Component() $root.insertAdjacentHTML('beforeend', component.toHTML()) }) return $root } render() { this.$el.append(this.getRoot()) } }

en Formula.js, por ejemplo, traté de representar algo de texto en páginas, código:

 import {Excel} from '../excel/Excel' export class Formula extends Excel { toHTML() { return '<h1>Formula</h1>' } }