Code Highlight in vmware-clarity/Angular4 funktioniert nicht

Question

Also versuche ich das Code Highlight aus dem VMware Clarity Projekt in meinem eckigen Projekt zu verwenden. Aber ich habe keinen Erfolg damit, es erfolgreich umzusetzen.

Ich habe diese Zeilen zu meiner index.html nach Dokumentation hinzugefügt. Aber das gibt mir nur Fehler.

<link rel="stylesheet" href="node_modules/prismjs/themes/prism-solarizedlight.css"> 
<script src="node_modules/prismjs/prism.js"></script> 
<script src="node_modules/prismjs/components/prism-typescript.min.js"></script> 

ich dann versucht, es an die Skripte Element in der angular.cli hinzufügen. Umsonst.

Ich bin irgendwie verloren auf das, was da Dokumentation als nächstes zu tun und Antworten fehlen ..

[Bearbeiten] ich prismjs mit npm installiert haben.

Answer 1

Sie müssen die Stylesheets und die Skripte in angular-cli.json

... 
"styles": [ 
    ... 
    "../node_modules/clarity-ui/clarity-ui.min.css", 
    "../node_modules/prismjs/themes/prism-solarizedlight.css", 
    ... 
], 
"scripts": [ 
    ... 
    "../node_modules/prismjs/prism.js", 
    "../node_modules/prismjs/components/prism-typescript.min.js", 
    ... 
], 
... 

Siehe Datei für weitere Informationen hinzuzufügen: https://github.com/vmware/clarity/blob/new-website/angular-cli.json#L19