指向错误文件的 Internet Explorer 11 脚本错误

Question

我很难在 Internet Explorer 11 中找到错误代码行，因为控制台指向错误的资源（指向 HTML 而不是 JS 代码）。我怎么可能找到实际问题所在？

控制台错误

(SCRIPT1003 是 "Expected ''" 而 SCRIPT1028 将是 "Expected identifier, string or number")

错误涉及的代码行

第 4 行和第 5 行：

第 12 行：

Answer 1

将这个答案留给我自己的问题，这样其他人也可能会遇到同样的问题。

如果在加载初始页面后异步加载任何脚本文件，控制台中报告的文件名将指向执行资源加载的文件。在我的例子中，我使用了 JQuery 的 $.getScript() 方法来处理任务：

  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);

有趣的是，提到的行和列指的是加载脚本中的正确位置。就我而言，我（在 IE11 看来）在包含的 Vue 应用程序中有一个无效的属性：

window.createApp = new Vue({
  el: '#create-view',
  store, // triggers IE error
  data: {
    ...
  },
  ...
});

指向错误文件的 Internet Explorer 11 脚本错误

Internet Explorer 11 script errors pointing to wrong file

javascript-debugger

internet-explorer-11

ie11-developer-tools