javascript error blocking test site in chromium

javascript error blocking test site in chromium

Jean-Roch Meurisse -
回帖数:6
Core developers的头像 Plugin developers的头像 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

回复Jean-Roch Meurisse

Re: javascript error blocking test site in chromium

Dani Palou -
Core developers的头像 Moodle HQ的头像 Peer reviewers的头像 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

回复Dani Palou

Re: javascript error blocking test site in chromium

Jean-Roch Meurisse -
Core developers的头像 Plugin developers的头像 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

回复Jean-Roch Meurisse

Re: javascript error blocking test site in chromium

Dani Palou -
Core developers的头像 Moodle HQ的头像 Peer reviewers的头像 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.

回复Dani Palou

Re: javascript error blocking test site in chromium

Jean-Roch Meurisse -
Core developers的头像 Plugin developers的头像 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


回复Jean-Roch Meurisse

Re: javascript error blocking test site in chromium

Dani Palou -
Core developers的头像 Moodle HQ的头像 Peer reviewers的头像 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