Javascript Angular中的jQuery仅在Firefox中导致错误

Javascript Angular中的jQuery仅在Firefox中导致错误,javascript,jquery,angular,typescript,Javascript,Jquery,Angular,Typescript,我在Angular7应用程序的不同位置使用jQuery代码。然而,有一个问题只发生在Firefox中 我执行以下代码: import $ from 'jquery'; ngOnInit() { $(window).resize(() => { this.generatorSectionFlex = $("#generatorSection").css('flex').split("0 0 ")[1].split("%")[0]; this.codeSectionFl

我在Angular7应用程序的不同位置使用jQuery代码。然而,有一个问题只发生在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导入,例如从“jquery/dist/jquery”导入$import或声明var$:你有什么想法吗?

解决方案是使用$(“#元素”).css('flex-basis')而不是$(“#元素”).css('flex'),因为诸如“flex”、“border”或其他属性都是简写的。它们不受支持。

在对
“0”
进行任意拆分之前,先查看
.css('flex')
实际上是什么,并假设至少会有两个结果-也许在Firefox中css flex属性的返回方式不同。我完全知道什么是*.css(“flex”)…始终是一样的。在所有其他浏览器中,它的工作方式都很有魅力。Firefox是否需要If语句才能工作?那么,在所有浏览器中,它是什么?它是否总是包含
“0”
-对于firefox,你不需要
if
,你需要
if
,以确保
flex
是你假设的,你在Angular中使用jQuery有什么原因吗?@KurtHamilton-这个问题中有两个多余的词。。。“角度”:p