Error with SplitText

[martis 32 Likes (Newbie)]

Hi guys,

 

Been working on transitioning some things over to Vue (nuxt) and am getting this error with SplitText... seems to be something with _slice and _split functions?

Pretty sure what I am trying to split is not undefined

 

client.js:531 [nuxt] Error while initializing app TypeError: Cannot read property 'length' of undefined
    at _slice (SplitText.js:142)
    at _split (SplitText.js:497)
    at webpackJsonp../assets/js/libs/greensock/SplitText.js.pkg.SplitText._globals.SplitText.webpackJsonp../assets/js/libs/greensock/SplitText.js.p.split (SplitText.js:545)
    at new webpackJsonp../assets/js/libs/greensock/SplitText.js.pkg.SplitText._globals.SplitText (SplitText.js:121)

 

[GreenSock 18,232 Likes (Superhero)]

Hm, tough to say for sure without seeing your project but it sounds like the element you're splitting is literally returning null for its "childNodes" property. My understanding is that an element's childNodes should always return a NodeList. Seems like that's not happening in your case for some reason. Are you positive that you're passing in a valid DOM element to SplitText as the target? 

[martis 32 Likes (Newbie)]

This was the case and I found the fix, sorry for the alarm

[GreenSock 18,232 Likes (Superhero)]

No problem at all. Glad you figured it out. Good luck with the project.