seifme
Posts: 2
Joined: Sat Nov 02, 2024 12:16 pm

TypeError: Cannot read properties of undefined (reading 'nodeName')

I am trying to add charts to a quasar app, but I keep getting TypeError: Cannot read properties of undefined (reading 'nodeName')
how to fix?

Code on stackblitz

I'm using
highcharts: v12.0.2
highcharts-vue: v2.0.1
quasar: v2.9.2
vue: v3.2.40
andrzej.b
Site Moderator
Posts: 508
Joined: Mon Jul 15, 2024 12:34 pm

Re: TypeError: Cannot read properties of undefined (reading 'nodeName')

Hi,

Welcome to our forum and thanks for contacting us with your question!

Most likely it's this issue here, the root cause being default Quasar's use of Vite 2. As the Quasar dev suggests, follow the upgrade guide to use latest Vite 5 with Quasar which should fix the issue.

Feel free to reach out if you have any further questions.

Kind regards,
Andrzej
Highcharts Developer
seifme
Posts: 2
Joined: Sat Nov 02, 2024 12:16 pm

Re: TypeError: Cannot read properties of undefined (reading 'nodeName')

Hey, thank you for the reply.
I am using this in an already large-scale quasar project and upgrading vite is risky in this case. so do you know if there are any older highcharts and highcharts-vue versions that are compatible and proven to work wit quasar?
thanks in advance
andrzej.b
Site Moderator
Posts: 508
Joined: Mon Jul 15, 2024 12:34 pm

Re: TypeError: Cannot read properties of undefined (reading 'nodeName')

Hi,

I'm sorry but we don't support every metaframework. As for Vue, it is definitely working well with most of Highcharts versions up to 11.4.8, please see a demo here: https://codesandbox.io/p/sandbox/moving ... ked-krf8vq

I hope you will find it useful,

Kind regards,
Andrzej
Highcharts Developer

Return to “Highcharts Usage”