Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Form builder Sub form (nested form) error "Unable to load resources for form"

See original GitHub issue

When in form builder adding “Nested Form” component. Select sub form from select box and try to save (add this component in form template) returns in browser console warning “Unable to load resources for form”. Nested form is not added in form template. Last working version was “angular-formio”: “3.10.2” and “formiojs”: “3.15.6”. From version “angular-formio”: “3.11.0” and/or “formiojs”: “3.16.0” does not work.

Full error code: Unable to load resources for form (anonymous) @ 4.c65186cb703bef595416.js:1 t.invoke @ polyfills.fa1bceeb95634527c1fa.js:1 onInvoke @ main.f5990ff31cb383a3acb2.js:1 t.invoke @ polyfills.fa1bceeb95634527c1fa.js:1 e.run @ polyfills.fa1bceeb95634527c1fa.js:1 (anonymous) @ polyfills.fa1bceeb95634527c1fa.js:1 t.invokeTask @ polyfills.fa1bceeb95634527c1fa.js:1 onInvokeTask @ main.f5990ff31cb383a3acb2.js:1 t.invokeTask @ polyfills.fa1bceeb95634527c1fa.js:1 e.runTask @ polyfills.fa1bceeb95634527c1fa.js:1 g @ polyfills.fa1bceeb95634527c1fa.js:1 e.invokeTask @ polyfills.fa1bceeb95634527c1fa.js:1 invoke @ polyfills.fa1bceeb95634527c1fa.js:1 n.args.(anonymous function) @ polyfills.fa1bceeb95634527c1fa.js:1 setTimeout (async) u @ polyfills.fa1bceeb95634527c1fa.js:1 t.scheduleTask @ polyfills.fa1bceeb95634527c1fa.js:1 onScheduleTask @ polyfills.fa1bceeb95634527c1fa.js:1 t.scheduleTask @ polyfills.fa1bceeb95634527c1fa.js:1 e.scheduleTask @ polyfills.fa1bceeb95634527c1fa.js:1 e.scheduleMacroTask @ polyfills.fa1bceeb95634527c1fa.js:1 v @ polyfills.fa1bceeb95634527c1fa.js:1 (anonymous) @ polyfills.fa1bceeb95634527c1fa.js:1 A.i.(anonymous function) @ polyfills.fa1bceeb95634527c1fa.js:1 Br @ 4.c65186cb703bef595416.js:1 (anonymous) @ 4.c65186cb703bef595416.js:1 b @ 4.c65186cb703bef595416.js:1 value @ 4.c65186cb703bef595416.js:1 value @ 4.c65186cb703bef595416.js:1 value @ 4.c65186cb703bef595416.js:1 value @ 4.c65186cb703bef595416.js:1 value @ 4.c65186cb703bef595416.js:1 value @ 4.c65186cb703bef595416.js:1 (anonymous) @ 4.c65186cb703bef595416.js:1 value @ 4.c65186cb703bef595416.js:1 value @ 4.c65186cb703bef595416.js:1 value @ 4.c65186cb703bef595416.js:1 value @ 4.c65186cb703bef595416.js:1 (anonymous) @ 4.c65186cb703bef595416.js:1 value @ 4.c65186cb703bef595416.js:1 (anonymous) @ 4.c65186cb703bef595416.js:1 value @ 4.c65186cb703bef595416.js:1 (anonymous) @ 4.c65186cb703bef595416.js:1 t.invokeTask @ polyfills.fa1bceeb95634527c1fa.js:1 onInvokeTask @ main.f5990ff31cb383a3acb2.js:1 t.invokeTask @ polyfills.fa1bceeb95634527c1fa.js:1 e.runTask @ polyfills.fa1bceeb95634527c1fa.js:1 e.invokeTask @ polyfills.fa1bceeb95634527c1fa.js:1 m @ polyfills.fa1bceeb95634527c1fa.js:1 b @ polyfills.fa1bceeb95634527c1fa.js:1

Issue Analytics

State:
Created 5 years ago
Comments:6 (2 by maintainers)

Top GitHub Comments

2reactions

travistcommented, May 28, 2019

You actually need to use both setProjectUrl in addition to setBaseUrl within your application to get this to render correctly. For example, it will need to be.

Formio.setBaseUrl('https://<my_formio_server_URL>');
Formio.setProjectUrl('https://<my_formio_server_URL>/<my_formio_project>');

This has to be done because the renderer has no way of knowing what is the “project” portion of the base api url.

0reactions

wag110894commented, Jul 30, 2019

Hello @lane711,

Could you open this issue as a new issue. This chain has gone stale.

Thanks.

Top Results From Across the Web

Form builder Sub form (nested form) error "Unable to load ...

This sounds like the Formio.setProjectUrl is incorrect. This would cause the forms to load from the wrong location.

Angular Nested-Form builder giving "Cannot find control with ...

I have an Angular nested Form which is divided into Tabs, and each tab has multiple input elements as in this stackblitz. Please...

Create a Nested Form in Rails from Scratch - Steve Polito

In this tutorial, I'll show you how you can create a nested form in ... The render function also needs to be passed...

Reactive forms - Angular

Reactive forms provide a model-driven approach to handling form inputs whose ... catch nesting errors in complex forms, while patchValue() fails silently on ......

Angular reactive form validation with FormBuilder

In this tutorial, we'll show you how to validate reactive forms in Angular using FormBuilder . We'll cover the following in detail:.