Forms javascript error: Cannot set property '$workingForm' of und

Forms javascript error: Cannot set property '$workingForm' of undefined

Niels Brackeva

Vote:

Hi all,

I am getting the following javascript error when viewing a page containing an episerver forms form:

Uncaught TypeError: Cannot set property '$workingForm' of undefined
    at c (WebResource.axd?d=TzRGlCddaaqtz0Im2nSJhBwZdVbGfjHXRFirWxREfeNw6ih9UL4AG6If6n80LLLBvlyxcDr8To7h0nfo3Dg6Ze1JicMBLv8y0lQfjXqosUuuIdk_xOajowEEP59OxX88w6CEDPahbUwxtmReI1_Uefo_7odu26fjS48aRcVeXs81&t=637519926940000000:1)
    at HTMLFormElement.<anonymous> (WebResource.axd?d=TzRGlCddaaqtz0Im2nSJhBwZdVbGfjHXRFirWxREfeNw6ih9UL4AG6If6n80LLLBvlyxcDr8To7h0nfo3Dg6Ze1JicMBLv8y0lQfjXqosUuuIdk_xOajowEEP59OxX88w6CEDPahbUwxtmReI1_Uefo_7odu26fjS48aRcVeXs81&t=637519926940000000:1)
    at Function.each (WebResource.axd?d=JPojowp_K0840Fqo_p-O-ZP_-k-aGpccdSUwzqvuTRzsT76lG5IH3HV64jfz6Vcai6iLZ_O-kj1Cc52BqE15YesHlC-8C0pI2DBnPndh0tjVOk4xYxN39mXrCh7KPaRu02gpQJRvMJ9p0vM3UCAGlnORQK15QB_g5jG3rzzNqVY1&t=637519926940000000:2)
    at S.fn.init.each (WebResource.axd?d=JPojowp_K0840Fqo_p-O-ZP_-k-aGpccdSUwzqvuTRzsT76lG5IH3HV64jfz6Vcai6iLZ_O-kj1Cc52BqE15YesHlC-8C0pI2DBnPndh0tjVOk4xYxN39mXrCh7KPaRu02gpQJRvMJ9p0vM3UCAGlnORQK15QB_g5jG3rzzNqVY1&t=637519926940000000:2)
    at HTMLDocument.<anonymous> (WebResource.axd?d=TzRGlCddaaqtz0Im2nSJhBwZdVbGfjHXRFirWxREfeNw6ih9UL4AG6If6n80LLLBvlyxcDr8To7h0nfo3Dg6Ze1JicMBLv8y0lQfjXqosUuuIdk_xOajowEEP59OxX88w6CEDPahbUwxtmReI1_Uefo_7odu26fjS48aRcVeXs81&t=637519926940000000:1)
    at e (WebResource.axd?d=JPojowp_K0840Fqo_p-O-ZP_-k-aGpccdSUwzqvuTRzsT76lG5IH3HV64jfz6Vcai6iLZ_O-kj1Cc52BqE15YesHlC-8C0pI2DBnPndh0tjVOk4xYxN39mXrCh7KPaRu02gpQJRvMJ9p0vM3UCAGlnORQK15QB_g5jG3rzzNqVY1&t=637519926940000000:2)
    at t (WebResource.axd?d=JPojowp_K0840Fqo_p-O-ZP_-k-aGpccdSUwzqvuTRzsT76lG5IH3HV64jfz6Vcai6iLZ_O-kj1Cc52BqE15YesHlC-8C0pI2DBnPndh0tjVOk4xYxN39mXrCh7KPaRu02gpQJRvMJ9p0vM3UCAGlnORQK15QB_g5jG3rzzNqVY1&t=637519926940000000:2)

Not a single script is also loaded asynchronously.

I just upgraded to the newest episerver forms version (4.30.3) and also this doesn't fix the issue.

Any guidance on how to fix this?

Thanks!

#259983

Aug 03, 2021 14:50

Johnny Mullaney

Vote:

Hi Niels,

I had the same issue previously. The solution is in this blog post:

Episerver Forms – Cannot set property ‘$workingForm’ of undefined – nicolaayan.com

Thanks

#260067

Aug 04, 2021 15:16

Niels Brackeva - Aug 06, 2021 11:45

Hi Johnny,

Thanks for that post, but in my solution the script isn't async. So that doesn't solve the issue sadly.

celerno

Vote:

I having the same exact issue. The script tags are not asyc. Also I want to add that all html related to the script tag is automatically added when the user is adding a form.

Any updates on this?

#266231

Nov 04, 2021 16:54

Mauro Vieira Gonçalves

Vote:

Hi there!
We are experiencing the same issue at the moment.

Any update?

#268755

Dec 21, 2021 20:13

celerno

Vote:

Hi Mauro, in my case, the issue was a reserved class name I was using on my .js template file, I was using EPIServerForms css class name. Changing that fixed my issues.

#269242

Dec 31, 2021 17:39

celerno - Dec 31, 2021 17:40

Hi Mauro, in my case, the issue was a reserved class name I was using on my .js template file, I was using EPIServerForms css class name. Changing that fixed my issues.

celerno

Vote:

Hi in my case, the issue was a reserved class name I was using on my .js template file, I was using EPIServerForms css class name. Changing that fixed my issues.

#269243

Edited, Dec 31, 2021 17:39

Mauro Vieira Gonçalves

Vote:

Hi there!

An update on our side. We are using Vue.js on the FE, and accidentally, the ContentArea that holds the form was moved into the Vue.js component. And because of that, the Form was not available at the time the JS were loaded.

Making sure the ContentArea was rendered on the server side (outside Vue.js) solved it.

#269524

Jan 06, 2022 13:17