Moodle for mobile

javascript error blocking test site in chromium

 
Picture of Jean-Roch Meurisse
javascript error blocking test site in chromium
Core developersPlugin developersTesters

Hi there,

When launching the mobile app with ionic serve --browser chromium, the loading spinner doesn't stop spinning, preventing from entering courses. The javascript error is as follows

ERROR DOMException: Failed to execute 'animate' on 'Element': Partial keyframes are not supported.

    at WebAnimationsPlayer._triggerWebAnimation (http://localhost:8100/build/vendor.js:170783:52)

    at WebAnimationsPlayer._buildPlayer (http://localhost:8100/build/vendor.js:170746:18)

    at WebAnimationsPlayer.play (http://localhost:8100/build/vendor.js:170819:14)

    at TransitionAnimationPlayer.play (http://localhost:8100/build/vendor.js:170119:48)

    at http://localhost:8100/build/vendor.js:169755:20

    at Array.forEach (native)

    at TransitionAnimationEngine._flushAnimations (http://localhost:8100/build/vendor.js:169748:21)

    at TransitionAnimationEngine.flush (http://localhost:8100/build/vendor.js:169396:32)

    at InjectableAnimationEngine.AnimationEngine.flush (http://localhost:8100/build/vendor.js:170630:32)

    at http://localhost:8100/build/vendor.js:164420:30


Any hint?

Thanks in advance

 
Average of ratings: -
Picture of Dani Palou
Re: javascript error blocking test site in chromium
Core developersMoodle HQParticularly helpful MoodlersPlugin developers

Hi,

I guess you're using Chromium, right?

Does it also happen if you open this link?

https://mobileapp.moodledemo.net/

Kind regards,

Dani

 
Average of ratings: -
Picture of Jean-Roch Meurisse
Re: javascript error blocking test site in chromium
Core developersPlugin developersTesters

Hi Daniel,

Using mobileapp.moodledemo.net or localhost with chromium produces the same problem as you can see on this image (I surrounded the loading spinner with a red circle)


On the other hand, when using chrome with mobileapp.moodledemo.net I don't have this error, but my custom mobile css file from mobile config in my site cannot be loaded because of Access-control-allow-origin errors

Failed to load https://moodle-test.test.fundp.ac.be/jrm/local/unamur/receptic-mobile.css#4: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'https://mobileapp.moodledemo.net' is therefore not allowed access.

main.js:3444 9/10/2018 10:35:22 CoreWSProvider: Error downloading https://moodle-test.test.fundp.ac.be/jrm/local/unamur/receptic-mobile.css#4 to sites/faaf9b5a526865acea02ad03caf899da/filepool/receptic-mobile.css_4_a88abb177cd22601145fd0a057a76356 FileTransferErrorMock {code: -1, source: "https://moodle-test.test.fundp.ac.be/jrm/local/unamur/receptic-mobile.css#4", target: "filesystem:https://mobileapp.moodledemo.net/persis…mobile.css_4_a88abb177cd22601145fd0a057a76356.tmp", http_status: 0, body: "", …}body: ""code: -1exception: nullhttp_status: 0source: "https://moodle-test.test.fundp.ac.be/jrm/local/unamur/receptic-mobile.css#4"target: "filesystem:https://mobileapp.moodledemo.net/persistent/sites/faaf9b5a526865acea02ad03caf899da/filepool/receptic-mobile.css_4_a88abb177cd22601145fd0a057a76356.tmp"__proto__: Object

(anonymous) @ main.js:3444

(anonymous) @ main.js:48186

t.invoke @ polyfills.js:3

onInvoke @ vendor.js:5134

t.invoke @ polyfills.js:3

r.run @ polyfills.js:3

(anonymous) @ polyfills.js:3

t.invokeTask @ polyfills.js:3

onInvokeTask @ vendor.js:5125

t.invokeTask @ polyfills.js:3

r.runTask @ polyfills.js:3

o @ polyfills.js:3

e.invokeTask @ polyfills.js:3

p @ polyfills.js:2

v @ polyfills.js:2

load (async)

O @ polyfills.js:2

t.scheduleTask @ polyfills.js:3

onScheduleTask @ polyfills.js:3

t.scheduleTask @ polyfills.js:3

r.scheduleTask @ polyfills.js:3

r.scheduleEventTask @ polyfills.js:3

(anonymous) @ polyfills.js:2

r.set @ polyfills.js:2

(anonymous) @ main.js:112436

t @ polyfills.js:3

FileTransferObjectMock.download @ main.js:112405

(anonymous) @ main.js:48145

t.invoke @ polyfills.js:3

onInvoke @ vendor.js:5134

t.invoke @ polyfills.js:3

r.run @ polyfills.js:3

(anonymous) @ polyfills.js:3

t.invokeTask @ polyfills.js:3

onInvokeTask @ vendor.js:5125

t.invokeTask @ polyfills.js:3

r.runTask @ polyfills.js:3

o @ polyfills.js:3

Promise.then (async)

r @ polyfills.js:3

t.scheduleTask @ polyfills.js:3

onScheduleTask @ polyfills.js:3

t.scheduleTask @ polyfills.js:3

r.scheduleTask @ polyfills.js:3

r.scheduleMicroTask @ polyfills.js:3

f @ polyfills.js:3

c @ polyfills.js:3

(anonymous) @ polyfills.js:3

main.js:3444 9/10/2018 10:35:22 AddonRemoteThemesModule: Error loading site after site update FileTransferErrorMock {code: -1, source: "https://moodle-test.test.fundp.ac.be/jrm/local/unamur/receptic-mobile.css#4", target: "filesystem:https://mobileapp.moodledemo.net/persis…mobile.css_4_a88abb177cd22601145fd0a057a76356.tmp", http_status: 0, body: "", …}

I can test the app this way but not my custom styles...

Thanks for your help

 
Average of ratings: -
Picture of Dani Palou
Re: javascript error blocking test site in chromium
Core developersMoodle HQParticularly helpful MoodlersPlugin developers

Which Chromium version and Operative System are you using?

I have Version 71.0.3551.0 and MacOs 10.13.6 and it's working fine for me.

 
Average of ratings: -
Picture of Jean-Roch Meurisse
Re: javascript error blocking test site in chromium
Core developersPlugin developersTesters

Hi Daniel,

With Chromium upgrade it's quite better (v71.0.3575.0 Mac OS 10.11.6) sorry

Just have warnings in local version (via ionic serve) --> Cordova is not available. Make sure to include cordova.js

And the same warnings  + 1 error in mobile.moodledemo.net --> GET https://mobileapp.moodledemo.net/cordova.js net::ERR_ABORTED 404

Thanks


 
Average of ratings: -
Picture of Dani Palou
Re: javascript error blocking test site in chromium
Core developersMoodle HQParticularly helpful MoodlersPlugin developers

Glad to hear it's better now!

The Cordova error is normal and you can ignore it. That cordova.js file is automatically included by Cordova when building a mobile app (Android & iOS), so in browser that file isn't found. This doesn't cause any error in the app, so you can ignore that warning.

Cheers,

Dani

 
Average of ratings: -
Picture of Jean-Roch Meurisse
Re: javascript error blocking test site in chromium
Core developersPlugin developersTesters

Thanks alot Dani smile

 
Average of ratings: -