如何在网关项目中添加外部JavaScript库

fre*_*lys 6 jhipster angular-cli angular

我试图将Simpl5 javascript库添加 到我的网关失败.我把SIPml-api.jsSIPml.js放在webapp/content/scripts文件夹中.

.angular-cli.json我更新了脚本数组,如下所示:

    "scripts": [
        "content/scripts/SIPml-api.js",
        "content/scripts/SIPml.js"
    ]
Run Code Online (Sandbox Code Playgroud)

然后我尝试在组件中调用SIPml,如下所示:

import { Component, OnInit } from '@angular/core';
declare var SIPml: any;
Run Code Online (Sandbox Code Playgroud)

.

ngOnInit() {
    SIPml.setDebugLevel((window.localStorage && window.localStorage.getItem('org.doubango.expert.disable_debug') === 'true') ? 'error' : 'info');

}
Run Code Online (Sandbox Code Playgroud)

我收到ERROR ReferenceError:控制台中未定义SIPml.

有人可以帮忙吗?

Kun*_*vič 2

JHipster不完全支持 Angular cli,正如评论中已经提到的 @Ga\xc3\xablMarziou 。

\n\n
\n

支持 CLI 的最初想法只是为了代码生成。

\n
\n\n

因此,任何.angular-cli.json修改都不会像JHipster使用自己的build/serve链那样产生任何影响(查看package.json自定义脚本,它们不是基于ng serve/build等),请检查此问题讨论以获取更多详细信息。

\n\n

您需要引用您的自定义css,然后jsvendor.ts运行时npm run serve您将看到结果。

\n