Compilation issue

Hello,
I have problems getting OpenEMS to work. I followed the steps under “Getting Started”, but after running :

ng serve -o -c openems-edge-dev

I get about 10 errors
:heavy_multiplication_x: Failed to compile.
:heavy_check_mark: Browser application bundle generation complete.

59 unchanged chunks

localhost shows : Cannot GET /

here is the failed compilation message:

:heavy_check_mark: Browser application bundle generation complete.

Initial Chunk Files | Names | Raw Size
main.js | main | 9.41 MB |
polyfills.js | polyfills | 513.98 kB |
styles.css, styles.js | styles | 245.95 kB |
runtime.js | runtime | 14.37 kB |

                  | Initial Total             |  10.17 MB

Lazy Chunk Files | Names | Raw Size
4617.js | swiper-bundle-6c5e7804-js | 200.10 kB |
polyfills-core-js.js | polyfills-core-js | 92.32 kB |
9689.js | - | 73.81 kB |
3634.js | - | 72.68 kB |
4812.js | - | 67.85 kB |
668.js | - | 60.71 kB |
290.js | - | 50.95 kB |
3225.js | - | 47.23 kB |
495.js | - | 38.35 kB |
1938.js | - | 37.91 kB |
9632.js | - | 34.45 kB |
5473.js | - | 34.14 kB |
4902.js | - | 33.56 kB |
8308.js | - | 32.20 kB |
5593.js | - | 30.20 kB |
5534.js | - | 28.49 kB |
5454.js | - | 27.88 kB |
8737.js | - | 27.47 kB |
8840.js | - | 26.80 kB |
8179.js | - | 26.02 kB |
8902.js | - | 23.83 kB |
8268.js | - | 22.62 kB |
8994.js | - | 21.83 kB |
8050.js | - | 21.48 kB |
3288.js | - | 21.40 kB |
polyfills-dom.js | polyfills-dom | 19.41 kB |
2875.js | - | 19.22 kB |
6357.js | - | 19.11 kB |
5269.js | - | 17.57 kB |
4856.js | - | 16.91 kB |
3592.js | - | 16.69 kB |
6987.js | input-shims-73f15161-js | 16.60 kB |
2457.js | shadow-css-a3f00b33-js | 15.80 kB |
9447.js | - | 15.50 kB |
4690.js | - | 15.50 kB |
2855.js | - | 15.44 kB |
common.js | common | 13.89 kB |
9667.js | - | 13.56 kB |
2666.js | - | 12.53 kB |
4090.js | - | 11.31 kB |
polyfills-css-shim.js | polyfills-css-shim | 10.60 kB |
6214.js | - | 9.71 kB |
199.js | - | 9.62 kB |
9989.js | - | 9.24 kB |
1624.js | - | 7.79 kB |
4816.js | - | 6.50 kB |
6655.js | - | 5.67 kB |
9648.js | tap-click-cc1ae2b2-js | 5.47 kB |
7373.js | keyboard-5742b5da-js | 5.24 kB |
749.js | - | 3.44 kB |
3059.js | - | 3.31 kB |
5368.js | swipe-back-fae97365-js | 2.64 kB |
7962.js | status-tap-5c3a5bca-js | 2.43 kB |
66.js | focus-visible-f4ad4f1a-js | 1.88 kB |
8395.js | - | 1.62 kB |

Build at: 2021-12-26T21:46:38.760Z - Hash: 276207a0844ae5d8 - Time: 9239ms

Error: node_modules/ionicons/dist/types/components.d.ts:66:15 - error TS2320: Interface ‘HTMLIonIconElement’ cannot simultaneously extend types ‘IonIcon’ and ‘HTMLStencilElement’.
Named property ‘ariaHidden’ of types ‘IonIcon’ and ‘HTMLStencilElement’ are not identical.

66 interface HTMLIonIconElement extends Components.IonIcon, HTMLStencilElement {
~~~~~~~~~~~~~~~~~~

Error: node_modules/ionicons/dist/types/components.d.ts:66:15 - error TS2320: Interface ‘HTMLIonIconElement’ cannot simultaneously extend types ‘IonIcon’ and ‘HTMLStencilElement’.
Named property ‘ariaLabel’ of types ‘IonIcon’ and ‘HTMLStencilElement’ are not identical.

66 interface HTMLIonIconElement extends Components.IonIcon, HTMLStencilElement {
~~~~~~~~~~~~~~~~~~

Error: node_modules/typescript/lib/lib.dom.d.ts:4482:101 - error TS2344: Type ‘HTMLElementTagNameMap[K]’ does not satisfy the constraint ‘Element’.
Type ‘HTMLElement | HTMLMetaElement | HTMLAnchorElement | HTMLAreaElement | HTMLAudioElement | … 151 more … | HTMLMarqueeElement’ is not assignable to type ‘Element’.
Type ‘HTMLIonIconElement’ is not assignable to type ‘Element’.
Property ‘ariaHidden’ is optional in type ‘HTMLIonIconElement’ but required in type ‘Element’.

4482 getElementsByTagName(qualifiedName: K): HTMLCollectionOf<HTMLElementTagNameMap[K]>;
~~~~~~~~~~~~~~~~~~~~~~~~

Error: node_modules/typescript/lib/lib.dom.d.ts:4770:101 - error TS2344: Type ‘HTMLElementTagNameMap[K]’ does not satisfy the constraint ‘Element’.
Type ‘HTMLElement | HTMLMetaElement | HTMLAnchorElement | HTMLAreaElement | HTMLAudioElement | … 151 more … | HTMLMarqueeElement’ is not assignable to type ‘Element’.

4770 getElementsByTagName(qualifiedName: K): HTMLCollectionOf<HTMLElementTagNameMap[K]>;
~~~~~~~~~~~~~~~~~~~~~~~~

** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **

:heavy_multiplication_x: Failed to compile.
:heavy_check_mark: Browser application bundle generation complete.

59 unchanged chunks

Build at: 2021-12-26T21:46:40.334Z - Hash: 276207a0844ae5d8 - Time: 633ms

Error: node_modules/ionicons/dist/types/components.d.ts:66:15 - error TS2320: Interface ‘HTMLIonIconElement’ cannot simultaneously extend types ‘IonIcon’ and ‘HTMLStencilElement’.
Named property ‘ariaHidden’ of types ‘IonIcon’ and ‘HTMLStencilElement’ are not identical.

66 interface HTMLIonIconElement extends Components.IonIcon, HTMLStencilElement {
~~~~~~~~~~~~~~~~~~

Error: node_modules/ionicons/dist/types/components.d.ts:66:15 - error TS2320: Interface ‘HTMLIonIconElement’ cannot simultaneously extend types ‘IonIcon’ and ‘HTMLStencilElement’.
Named property ‘ariaLabel’ of types ‘IonIcon’ and ‘HTMLStencilElement’ are not identical.

66 interface HTMLIonIconElement extends Components.IonIcon, HTMLStencilElement {
~~~~~~~~~~~~~~~~~~

Error: node_modules/typescript/lib/lib.dom.d.ts:4482:101 - error TS2344: Type ‘HTMLElementTagNameMap[K]’ does not satisfy the constraint ‘Element’.
Type ‘HTMLElement | HTMLMetaElement | HTMLAnchorElement | HTMLAreaElement | HTMLAudioElement | … 151 more … | HTMLMarqueeElement’ is not assignable to type ‘Element’.
Type ‘HTMLIonIconElement’ is not assignable to type ‘Element’.
Property ‘ariaHidden’ is optional in type ‘HTMLIonIconElement’ but required in type ‘Element’.

4482 getElementsByTagName(qualifiedName: K): HTMLCollectionOf<HTMLElementTagNameMap[K]>;
~~~~~~~~~~~~~~~~~~~~~~~~

Error: node_modules/typescript/lib/lib.dom.d.ts:4770:101 - error TS2344: Type ‘HTMLElementTagNameMap[K]’ does not satisfy the constraint ‘Element’.
Type ‘HTMLElement | HTMLMetaElement | HTMLAnchorElement | HTMLAreaElement | HTMLAudioElement | … 151 more … | HTMLMarqueeElement’ is not assignable to type ‘Element’.

4770 getElementsByTagName(qualifiedName: K): HTMLCollectionOf<HTMLElementTagNameMap[K]>;

thanks for your help

Hi,

Thanks for getting in touch. It looks very much like a problem on your side. OpenEMS Backend, Edge and UI are constantly checked by our Continuous Integration system, as can be seen here: Actions · OpenEMS/openems · GitHub. I also just checked again successfully with latest develop branch on my local machine.

What is the output of the following commands on your system?

ng version

git status

Regards,
Stefan