Angular Mathjax <math>“意外的文本节点：'\frac{M_p}{M_r} \times 100%'”

如何解决Angular Mathjax <math>“意外的文本节点：'\frac{M_p}{M_r} \times 100%'”

大家晚上好，

我正在尝试在我的应用程序中呈现 Mathjax 内容。

举个例子，我正在尝试加载 <math>\(\frac{M_p}{M_r} \times 100%\)</math>，但它导致了“意外的文本节点”错误。

编辑源将导致必须使用正则表达式进行更改，因为有 1000 条条目，因此单独进行并且不想这样做。我知道代码是有效的，因为 mathjax 的 wfExtension 完美地呈现了这种输入风格。

我正在动态加载脚本，我尝试了许多选项，但现在已经到了我将所有内容都投入其中的程度（见下文）。

    loadScript() {
      let node = document.createElement('script');
      node.type = 'text/javascript';
      node.src = "https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.7/latest.js?config=TeX-AMS-MML_HTMLorMML"
      node.innerHTML = `MathJax.Hub.Config({
   config: ["MMLorHTML.js"],jax: ["input/TeX","input/MathML","input/AsciiMath","output/HTML-CSS","output/NativemmL","output/PreviewHTML"],extensions: ["tex2jax.js","mml2jax.js","asciimath2jax.js","MathMenu.js","MathZoom.js","fast-preview.js","AssistivemmL.js","a11y/accessibility-menu.js"],TeX: {
    extensions: ["AMSmath.js","AMSsymbols.js","noErrors.js","noUndefined.js"]
  }
});`;
      document.getElementsByTagName('head')[0].appendChild(node); 
    }

有什么建议吗？

谢谢，

编辑以下 Davide Cervone 评论： 仍然得到这个问题。它现在声称添加的字符现在是意外文本节点的一部分。

网页截图：

Mathjax MathML 代码：

标题（用于证明）：

HTML 代码：

想法？