Hi

I have a few javascript apps in Pages. It's been a while. In prep for moving to v5 of the forums, I have an old app I am moving to JS and I've run into a problem I haven't encountered on invision before. I am using the latest version 4. I get these errors:

GET [domain]/tools/v1-3/music-theory-tool/JS/theory.js net::ERR_ABORTED 404 (Not Found)

music-theory-tool/:1 Refused to execute script from '[domain]/tools/v1-3/music-theory-tool/JS/theory.js' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled.

music-theory-tool/:1237 GET [domain]/tools/v1-3/music-theory-tool/JS/app.js net::ERR_ABORTED 404 (Not Found)

music-theory-tool/:1 Refused to execute script from '[domain]/tools/v1-3/music-theory-tool/JS/app.js' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled.

app.js.0cea16b802fb6034394847f42ac1ecca.js:1 Uncaught ReferenceError: MusicTheory is not defined

(anonymous) @ app.js.0cea16b802fb6034394847f42ac1ecca.js🥇

I added these files as templates.

Any ideas on how to fix this? The files are included on the page. Within the files are very simple classes. In fact, right now they are reduced to a log message.

Cheers

John

Edited June 9Jun 9 by Songstuff

Are you including these Javascript files via Pages or are you adding them custom? A 404 error would be not found, meaning the Javascript is not at the URL you're using.

17 hours ago, Jim M said:

Are you including these Javascript files via Pages or are you adding them custom? A 404 error would be not found, meaning the Javascript is not at the URL you're using.

They are included using the checkbox on the “page includes” in admin.

The URLs in use there are not valid from Pages Media though, those look something like: /page_objects/yourJavascriptName.js.7b6067b3d74a04e79b2552accd3ba8ab.js'

I think there are two things going on:

I did have a load in the html, so the load was happening two ways. I have now removed those.

It has highlighted another issue, that could be to do with load order. Are JavaScript files in Pages loaded in alphabetical order?

My App is loaded in app.js, the Music theory class in theory.js. The app is trying to instantiate the music theory class before the file is loaded, and so doesn’t recognise it. When I tested it outside of invision, (pure html and JS) I controlled the load order.

You can click the view source of the page and see the order which the Javascript is loaded on the page.

Is there a way to dictate the JS file load order? As far as I can see, it's a simple file selection, and then it comes down to the alphabetical order of the file names.

There isnt a way in which to dictate the order I believe

23 hours ago, Marc said:

There isnt a way in which to dictate the order I believe

A bit of a pain, but good to know. Thanks, Marc.