MathJax 未定义角度 4

Question

我已经运行命令 npm install mathjax 和 npm install --save @types/mathjax

并在 angular-cli.json 中添加了 mathjax.js 的引用

"../node_modules/mathjax/mathjax.js?config=TeX-AMS-MML_HTMLorMML"

。我已经创建了指令

import { Directive, Input, OnChanges, ElementRef } from '@angular/core';
    declare var MathJax: any;

    @Directive({
    selector: '[MathJax]'
    })
    export class MathJaxDirective implements OnChanges {

        @Input('MathJax') private value: string;

        constructor(private element: ElementRef) {

    }

    ngOnChanges() {

        // console.log('- onChange -');
        // console.log(this.value);

        this.element.nativeElement.innerHTML = this.value;
        MathJax.Hub.Queue(["Typeset", MathJax.Hub, this.element.nativeElement]);
        }

    }

这显示错误 Mathjax ReferenceError: MathJax is not defined

我在 tsconfig.app.json 类型中添加了 ma​​thjax

        {
      "extends": "../tsconfig.json",
      "compilerOptions": {
        "outDir": "../out-tsc/app",
        "baseUrl": "./",
        "module": "es2015",
        "types": [
          "mathjax"
        ]
      },
      "exclude": [
        "test.ts",
        "**/*.spec.ts"
      ]
    }       

Answer 1

你得到 MathJax 'undefined' 因为它没有加载到你的浏览器。 要么添加

 <script type="text/javascript" async
  src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_CHTML">
</script>

或者替换

declare var MathJax: any;

与

import { MathJax } from 'mathjax';

并将“mathjax”添加到 src/tsconfig.app.json 中的 types 数组中。