TypeSctipt / Javascript 文法エラーの原因がわかりません。

Question

#前提・実現したいこと
Firefox・safari・Google Chrom・Opera・Edge らモダンブラウザでは、エラーはありませんがIEのみ、文法エラーが発生してしまいます。なので、こちらを解決したいです。

下記はエラーの原因となっている箇所です。

var sectionEl = _this.originalSection[i];

#ソースコード

class ScrollHeader {
 originalSection: NodeListOf<HTMLElement>;

 constructor(){
  this.originalSection = document.querySelectorAll('section');
 }

  private viewMenu() {
   window.addEventListener('scroll', ()=> {
    let current:any = "";
    for (var i = 0; i < this.originalSection.length; i++) {
     let sectionEl = this.originalSection[i];　// ここがエラー箇所
     let sectionTop = sectionEl.offsetTop;
     const sectionHeight = sectionEl.clientHeight;
     if(pageYOffset > sectionTop - sectionHeight / 3) {
      current = sectionEl.getAttribute('id');
     });
    });
   }
  }

  private configure() {
   this.viewMenu();
  }
}

const scrollHeader = new ScrollHeader();

下記は生成されたJavascriptです。ES5を指定して生成しています。

"use strict";

function ScrollHeader() {
 this.originalSection = document.querySelectorAll('section');
 this.configure();
}

ScrollHeader.prototype.viewMenu = function () {
 var _this = this;
 for (var i = 0; i < _this.originalSection.length; i++) {
  var sectionEl = _this.originalSection[i]; // ここがエラー箇所
  var sectionTop = sectionEl.offsetTop;
  var sectionHeight = sectionEl.clientHeight;
  if (pageYOffset > sectionTop - sectionHeight / 3) {
   current = sectionEl.getAttribute('id');
  }
 });

ScrollHeader.prototype.configure = function () {
 this.viewMenu();
};
 return ScrollHeader;
}());
var scrollHeader = new ScrollHeader();

よろしくお願いします。

Comments

[maisumakun]

どのようなエラーメッセージが出たか「正確に」示していただけませんか？

[hoshi-takanori]

生成されたコードからコンストラクタや addEventListener 呼び出しが消えてますね…。