MathJax an einem eckigen Clipprojekt arbeiten

Question

Ich möchte MathJax für mein @ angular/cli-Projekt verwenden können. Ich hatte zuvor ein Angular 2-Projekt, das Systemjs verwendet, wo dies kein Problem war. eckiger cli wechselte jedoch zu webpack, und ich kann nicht scheinen, dass dieses neue Projekt funktioniert.

Ich glaube, ich folgte alle Anweisungen für die globale Bibliothek Installation wie beschrieben here, aber es ist möglich, dass ich etwas falsch verstehe.

Ich baute ein Repo, das demonstrierte, was passiert. Es kann here gesehen werden.

Im Grunde genommen habe ich @ angular/cli installiert und Garn als Standard-Paketmanager festgelegt.

begann ich das Projekt mit

ng new math-bug 

I Abhängigkeiten mit

installiert

yarn add express body-parser mathjax mongoose 
yarn add @types\mathjax --dev 

ich die Datei .angular-cli.json geändert, die folgende auf die Skripte Array (vorher leer) Zugabe.

"../node_modules/mathjax/MathJax.js" 

Ich habe eine Komponente zu meinem Projekt, das die Zeile verwendet:

"MathJax.Hub.Queue([ "Typeset", MathJax.Hub, this.id]);" 

Aber wenn ich versuche, mein Projekt mit ng build zu bauen, bekomme ich folgende Fehlermeldung: Wenn ich mein Projekt bauen ich erhalte den Fehler:

ERROR in C:/Users/Pat/ProgrammingProjects/math-bug/src/app/latex/latex.component.ts (23,9): Cannot find name 'MathJax'. 
C:/Users/Pat/ProgrammingProjects/math-bug/src/app/latex/latex.component.ts (23,40): Cannot find name 'MathJax'. 

zusätzliche Informationen, wenn es hilfreich - ich laufe dies auf Windows 10 und wenn ich ng --Version laufen, das ist die Ausgabe:

@angular/cli: 1.0.0 
node: 7.2.1 
os: win32 x64 
@angular/common: 4.0.1 
@angular/compiler: 4.0.1 
@angular/core: 4.0.1 
@angular/forms: 4.0.1 
@angular/http: 4.0.1 
@angular/material: 2.0.0-beta.2 
@angular/platform-browser: 4.0.1 
@angular/platform-browser-dynamic: 4.0.1 
@angular/router: 4.0.1 
@angular/cli: 1.0.0 
@angular/compiler-cli: 4.0.1 

Answer 1

in src/tsconfig.app.jsonmathjax-types hinzufügen wie folgt:

"types": ["mathjax"]

, wenn Sie auch über die Verwendung mathjax zum Testen planen die gleiche Sache in den src/tsconfig.spec.json

Lesen Sie hier auf types: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html#types-typeroots-and-types