javascript error blocking test site in chromium

javascript error blocking test site in chromium

by Jean-Roch Meurisse -
Number of replies: 6
Picture of Core developers Picture of Plugin developers Picture of Testers

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: -
In reply to Jean-Roch Meurisse

Re: javascript error blocking test site in chromium

by Dani Palou -
Picture of Core developers Picture of Moodle HQ Picture of Particularly helpful Moodlers Picture of Peer reviewers Picture of Plugin 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

In reply to Dani Palou

Re: javascript error blocking test site in chromium

by Jean-Roch Meurisse -
Picture of Core developers Picture of Plugin developers Picture of Testers

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

In reply to Jean-Roch Meurisse

Re: javascript error blocking test site in chromium

by Dani Palou -
Picture of Core developers Picture of Moodle HQ Picture of Particularly helpful Moodlers Picture of Peer reviewers Picture of Plugin 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.

In reply to Dani Palou

Re: javascript error blocking test site in chromium

by Jean-Roch Meurisse -
Picture of Core developers Picture of Plugin developers Picture of Testers

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


In reply to Jean-Roch Meurisse

Re: javascript error blocking test site in chromium

by Dani Palou -
Picture of Core developers Picture of Moodle HQ Picture of Particularly helpful Moodlers Picture of Peer reviewers Picture of Plugin 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