I struggle to find the lines of errornous code in Internet Explorer 11 as the Console is pointing to the wrong resource (pointing to HTML instead of JS code). How could I possibly find out where the actual problem can be found?
Console errors
(SCRIPT1003 is "Expected ''" and SCRIPT1028 would be "Expected identifier, string or number")
Lines of code the error refers to
Line 4 and 5:
Line 12:
Leaving this answer to my own question so others might also stumble over it with the same problem.
In case any script file is loaded asynchronously after the initial page has been loaded, the file name reported in the Console will point to the file that performed the loading of the resource. In my case I used JQuery's $.getScript()
method to handle the task:
translationInitHandler.initialise(function() {
store.commit('setTranslation', window.defaultTranslationHandler.getCatalogueTranslations());
$.getScript('../src/app/report-template/warning.app.js');
$.getScript('../src/app/report-template/list.app.js');
$.getScript('../src/app/report-template/authorize.app.js');
$.getScript('../src/app/report-template/edit-configure.app.js?3');
}, false);
Funny thing is that the mentioned line and column refer to the right position in the loaded script. In my case I had (in IE11's view) an invalid property in a Vue application that had been included:
window.createApp = new Vue({
el: '#create-view',
store, // triggers IE error
data: {
...
},
...
});