jQuery в Angular вызывает ошибку только в Firefox

Question

Я использую код jQuery в разных местах моего приложения Angular7. Однако в какой-то момент возникает проблема, которая возникает только в Firefox.

Я выполняю следующий код:

import $ from 'jquery';

ngOnInit() {

  $(window).resize(() => {
    this.generatorSectionFlex = $("#generatorSection").css('flex').split("0 0 ")[1].split("%")[0];
    this.codeSectionFlex = $("#codeSection").css('flex').split("0 0 ")[1].split("%")[0];
  });

  $(() => {
    this.generatorSectionFlex = $("#generatorSection").css('flex').split("0 0 ")[1].split("%")[0];
    this.codeSectionFlex = $("#codeSection").css('flex').split("0 0 ")[1].split("%")[0];
  })
}

Здесь я получаю следующую ошибку сообщение в консоли:

---

В Chrome или Safari это прекрасно работает, ошибок нет. Только Firefox жалуется здесь. Что бы это могло быть? Я также пробовал что-то другое импортировать javascript, например, import $ из 'jquery / dist / jquery'; или Объявление var $: любое У вас есть идея?

Answer 1

Решением было использование $ ("# element"). css ('flex-based') вместо $ ("# element"). css (' flex ') , потому что такие свойства, как' flex ',' border 'или что-то другое - это сокращение. Они не поддерживаются.