HELP forms are white in developer

Forum to discuss the new web client version of Servoy.

HELP forms are white in developer

Postby derk.hulshof » Tue Apr 11, 2017 1:34 pm

Hi all,

I just restarted my system and all my forms in Servoy Developer are white no elements appear on it but are visible in the outline and properties.

When running the application is works well.

Someone know how to fix this..


Servoy 803
windows 10
java 8 latest
derk.hulshof
 
Posts: 108
Joined: Tue Dec 03, 2013 9:18 am
Location: Netherlands

Re: HELP forms are white in developer

Postby Andrei Costescu » Tue Apr 11, 2017 1:43 pm

There might be a custom web component in there that crashes the editor. Or maybe a custom service (NG) if all forms are the same...
When you open a form editor in developer, in the workspace log (your workspace/.metadata/.log) a line containing an URL appears.

Take that line, open a browser window, start browser development tools (CTRL+I for chrome, firefox, F12 for IE) and go to console. Then paste the URL from the log in there and see if you get any errors in browser console.
Edit: I assumed you are using the HTML 5 based editor.
Andrei Costescu
Servoy
Andrei Costescu
 
Posts: 1018
Joined: Tue Jun 26, 2007 3:14 pm

Re: HELP forms are white in developer

Postby derk.hulshof » Tue Apr 11, 2017 1:54 pm

Weird thing is I didnt change any ng component (custom made) today, only tested some data.
It operates normally this morning.

In the .log there is an error

!ENTRY org.eclipse.jface 2 0 2017-04-11 13:48:23.523
!MESSAGE Keybinding conflicts occurred. They may interfere with normal accelerator operation.
!SUBENTRY 1 org.eclipse.jface 2 0 2017-04-11 13:48:23.523
!MESSAGE A conflict occurred for ALT+SHIFT+G:
Binding(ALT+SHIFT+G,
ParameterizedCommand(Command(net.stuff.servoy.generateJSDoc,Generate JSDoc...,
Generate JSDoc...,
Category(net.stuff.servoy.JSDoc,JSDoc,null,true),
org.eclipse.ui.internal.WorkbenchHandlerServiceHandler@11d16eb8,
,,true),null),
org.eclipse.ui.defaultAcceleratorConfiguration,
org.eclipse.ui.contexts.window,,,system)
Binding(ALT+SHIFT+G,
ParameterizedCommand(Command(com.servoy.eclipse.ui.StartNGClient,Start NGClient,
Start NGClient,
Category(com.servoy.eclipse.ui,Servoy,Other Servoy Commands,true),
org.eclipse.ui.internal.WorkbenchHandlerServiceHandler@104ea372,
[Parameter(com.servoy.eclipse.debug.browser,com.servoy.eclipse.debug.browser,null,true)],,true),null),
org.eclipse.ui.defaultAcceleratorConfiguration,
org.eclipse.ui.contexts.window,,,system)
!SUBENTRY 1 org.eclipse.jface 2 0 2017-04-11 13:48:23.523
!MESSAGE A conflict occurred for ALT+SHIFT+M:
Binding(ALT+SHIFT+M,
ParameterizedCommand(Command(org.eclipse.jdt.ui.edit.text.java.extract.method,Extract Method,
Extract a set of statements or an expression into a new method and use the new method,
Category(org.eclipse.jdt.ui.category.refactoring,Refactor - Java,Java Refactoring Actions,true),
org.eclipse.ui.internal.WorkbenchHandlerServiceHandler@367fd31a,
,,true),null),
org.eclipse.ui.defaultAcceleratorConfiguration,
org.eclipse.ui.contexts.window,,,system)
Binding(ALT+SHIFT+M,
ParameterizedCommand(Command(com.servoy.eclipse.ui.StartMobileClient,Start Mobile Client,
Start Mobile Client,
Category(com.servoy.eclipse.ui,Servoy,Other Servoy Commands,true),
org.eclipse.ui.internal.WorkbenchHandlerServiceHandler@43f88cba,
,,true),null),
org.eclipse.ui.defaultAcceleratorConfiguration,
org.eclipse.ui.contexts.window,,,system)


The browser console gives a error:

"Error: [$rootScope:infdig] 10 $digest() iterations reached. Aborting!
Watchers fired in the last 5 iterations: []
http://errors.angularjs.org/1.5.0/$root ... &p1=%5B%5D
minErr/<@http://localhost:8080/rfb/angular/js/libs/angular_1.5.0.js:68:12
$RootScopeProvider/this.$get</Scope.prototype.$digest@http://localhost:8080/rfb/angular/js/libs/angular_1.5.0.js:16702:19
$RootScopeProvider/this.$get</Scope.prototype.$apply@http://localhost:8080/rfb/angular/js/libs/angular_1.5.0.js:16928:13
timeout/timeoutId<@http://localhost:8080/rfb/angular/js/libs/angular_1.5.0.js:18753:25
completeOutstandingRequest@http://localhost:8080/rfb/angular/js/libs/angular_1.5.0.js:5804:7
Browser/self.defer/timeoutId<@http://localhost:8080/rfb/angular/js/libs/angular_1.5.0.js:6081:7


AND


Error: JSON.parse: end of data after property value in object at line 1 column 4070 of the JSON data
fromJson@http://localhost:8080/rfb/angular/js/libs/angular_1.5.0.js:1282:9
defaultHttpResponseTransform@http://localhost:8080/rfb/angular/js/libs/angular_1.5.0.js:10133:16
transformData/<@http://localhost:8080/rfb/angular/js/libs/angular_1.5.0.js:10224:12
forEach@http://localhost:8080/rfb/angular/js/libs/angular_1.5.0.js:321:11
transformData@http://localhost:8080/rfb/angular/js/libs/angular_1.5.0.js:10223:3
transformResponse@http://localhost:8080/rfb/angular/js/libs/angular_1.5.0.js:10996:21
processQueue@http://localhost:8080/rfb/angular/js/libs/angular_1.5.0.js:15552:28
scheduleProcessQueue/<@http://localhost:8080/rfb/angular/js/libs/angular_1.5.0.js:15568:27
$RootScopeProvider/this.$get</Scope.prototype.$eval@http://localhost:8080/rfb/angular/js/libs/angular_1.5.0.js:16820:16
$RootScopeProvider/this.$get</Scope.prototype.$digest@http://localhost:8080/rfb/angular/js/libs/angular_1.5.0.js:16636:15
$RootScopeProvider/this.$get</Scope.prototype.$apply@http://localhost:8080/rfb/angular/js/libs/angular_1.5.0.js:16928:13
done@http://localhost:8080/rfb/angular/js/libs/angular_1.5.0.js:11266:36
completeRequest@http://localhost:8080/rfb/angular/js/libs/angular_1.5.0.js:11464:7
requestLoaded@http://localhost:8080/rfb/angular/js/libs/angular_1.5.0.js:11405:9
derk.hulshof
 
Posts: 108
Joined: Tue Dec 03, 2013 9:18 am
Location: Netherlands

Re: HELP forms are white in developer

Postby Andrei Costescu » Tue Apr 11, 2017 2:27 pm

Something is wrong there...
But the information listed in the browser console doesn't really help pinpointing the problem.
Not sure what browser you used, but do you get similar errors if you open it in a different browser? (chrome, firefox)

First I suggest that you move to 8.1.2 or 8.1.3 rc, because 8.0.3 is already some versions behind. It is possible that the root of the problem was fixed already.
Also please check for an exception in application server log file as well at the time you opened the form editor.

If the above steps don't help, next we'd have to use the browser debugger to really find what is behind those two errors in browser console, or monitor/log web-socket traffic.
Andrei Costescu
Servoy
Andrei Costescu
 
Posts: 1018
Joined: Tue Jun 26, 2007 3:14 pm

Re: HELP forms are white in developer

Postby derk.hulshof » Tue Apr 11, 2017 3:08 pm

I tried to update the client before, but running into a lot of angular errors. Thats why I stick by v 803 and update in the future.

I just update it again (from 803 to 812) and running into angular injection errors

Error: [$injector:modulerr] http://errors.angularjs.org/1.5.8/$inje ... F%2525253C%2 angular_1.5.8.min.js:6:412
N/< http://localhost:8080/js/angular_1.5.8.min.js:6:412
g/< http://localhost:8080/js/angular_1.5.8.min.js:40:222
q http://localhost:8080/js/angular_1.5.8.min.js:7:353
g http://localhost:8080/js/angular_1.5.8.min.js:39:319
cb http://localhost:8080/js/angular_1.5.8.min.js:43:336
Bc/c http://localhost:8080/js/angular_1.5.8.min.js:20:390
Bc http://localhost:8080/js/angular_1.5.8.min.js:21:179
fe http://localhost:8080/js/angular_1.5.8.min.js:20:1
<anoniem> http://localhost:8080/js/angular_1.5.8.min.js:317:386
n.Callbacks/i http://localhost:8080/js/jquery-2.2.3.min.js:2:27146
n.Callbacks/j.fireWith http://localhost:8080/js/jquery-2.2.3.min.js:2:27914
.ready http://localhost:8080/js/jquery-2.2.3.min.js:2:29705
J http://localhost:8080/js/jquery-2.2.3.min.js:2:29890
De webconsole-log-API (console.log, console.info, console.warn, console.error) is door een script op deze pagina uitgeschakeld.
Error: editorScope.contentDocument is null
.updateSelection/editorScope.updateSel<@http://localhost:8080/rfb/angular/js/editor.js:1264:10
f/q<@http://localhost:8080/rfb/angular/js/libs/angular_1.5.8.min.js:158:492
e@http://localhost:8080/rfb/angular/js/libs/angular_1.5.8.min.js:45:442
$f/k.defer/c<@http://localhost:8080/rfb/angular/js/libs/angular_1.5.8.min.js:48:300

Also retrieving 284 warning about nog existing dataproviders
derk.hulshof
 
Posts: 108
Joined: Tue Dec 03, 2013 9:18 am
Location: Netherlands

Re: HELP forms are white in developer

Postby Andrei Costescu » Tue Apr 11, 2017 3:56 pm

All I can say is:
http://stackoverflow.com/questions/2104 ... ormodulerr

One thing you can do to get clearer errors is in [8.1.2_install]\developer\plugins\servoy_ngclient_8.1.3.3032.jar\war\js\ copy angular_1.5.8.js on top of angular_1.5.8.min.js (so overwrite it).
Then you might get a more human readable/helpful error. I created a case to use by default non-minified libs while in developer: SVY-11039.

For example you should get something like this instead:
Code: Select all
Error: [$injector:unpr] Unknown provider: $modalProvider <- $modal <- $applicationService <- $editorContentService
which actually means that the outdated lib is angular-ui that contains $modalProvider. So some custom component uses an older version of angular-ui in this case.

We saw a similar error message when upgrading recently to an even newer angular version due to dependencies of custom components to older/incompatible angular modules such as angular-animate.
So some libs in some custom components might need to be updated to same/compatible angular version.
Last edited by Andrei Costescu on Tue Apr 11, 2017 4:37 pm, edited 1 time in total.
Andrei Costescu
Servoy
Andrei Costescu
 
Posts: 1018
Joined: Tue Jun 26, 2007 3:14 pm

Re: HELP forms are white in developer

Postby Andrei Costescu » Tue Apr 11, 2017 4:21 pm

In any case, this needs a bit of debugging.
One option that should be faster then sending messages on the forum until we see what needs to be updated/changed would be to create a private case to which you attach your workspace.
Andrei Costescu
Servoy
Andrei Costescu
 
Posts: 1018
Joined: Tue Jun 26, 2007 3:14 pm

Re: HELP forms are white in developer

Postby Andrei Costescu » Tue Apr 11, 2017 6:31 pm

This is what I get (with the trick above of copying non minified angular on top of the min file):
Code: Select all
angular_1.5.8.min.js:68 Uncaught Error: [$injector:modulerr] Failed to instantiate module editorContent due to:
Error: [$injector:modulerr] Failed to instantiate module servoyApp due to:
Error: [$injector:modulerr] Failed to instantiate module servoy-components due to:
Error: [$injector:modulerr] Failed to instantiate module mobileChilddeftype due to:
Error: [$injector:nomod] Module 'mobileChilddeftype' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.
Andrei Costescu
Servoy
Andrei Costescu
 
Posts: 1018
Joined: Tue Jun 26, 2007 3:14 pm

Re: HELP forms are white in developer

Postby Andrei Costescu » Wed Apr 12, 2017 8:19 am

I see the nice login screen in 8.1.3 rc. Form editor works as well.
All I had to do was change in "resources\components\mobile\META-INF" the Bundle-SymbolicName prop. to mobile (it was something like childdeftype)
You should move those out from the resources project as well each into their own web package project as the use of resources project for web packages has been deprecated.

Because of that attribute it wouldn't find the js files in that package (folder was mobile, package symbolic name was different). So before the angular error it gave errors about not finding those js files.
Andrei Costescu
Servoy
Andrei Costescu
 
Posts: 1018
Joined: Tue Jun 26, 2007 3:14 pm


Return to Servoy NGClient

Who is online

Users browsing this forum: No registered users and 3 guests