Подсветка кода в vmware-четкости / Angular4 не работает

Поэтому я пытаюсь использовать Code Highlight из проекта VMware Clarity в моем проекте angular. Но у меня нет никаких успехов в его успешной реализации.

Я добавил эти строки в свой index.html согласно документации. Но это дает мне только ошибки.

<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>

Errors Затем я попытался добавить его в элемент scripts в angular.cli. Но безрезультатно.

Я немного не понимаю, что делать дальше, поскольку документации и ответов нет.

[Edit] У меня есть prismjs, установленный с npm.


angular vmware-clarity
person JayRone    schedule 25.10.2017    source источник
comment
У вас есть prismjs в вашем package.json, и вы установили все зависимости?   -  person takeradi    schedule 25.10.2017
comment
Да, у меня есть prismjs и @ types / prismjs. Отредактировал вопрос   -  person JayRone    schedule 25.10.2017

Ответы (1)


arrow_upward
2
arrow_downward

Вам нужно добавить таблицы стилей и скрипты в 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",
    ...
],
...

Обратитесь к этому файлу для получения дополнительной информации: https://github.com/vmware/clarity/blob/new-website/angular-cli.json#L19

person takeradi    schedule 25.10.2017
comment
Не знаю, почему раньше это не сработало. Но теперь он показывает желтую рамку. Но код не отображается, когда я определяю (clr-code-highlight = language-javascript) и в тегах кода у меня есть {{code}} - person JayRone; 26.10.2017