Question

我正在尝试将自定义主题与JHipster一起使用（如果需要的话，请使用Metronic主题）。
我按照建议添加了CSS和JS https://stackoverflow.com/a/42070788/9026582

但是在运行npm run webpack:build时，webpack构建无法编译。
我遇到了这样的错误（下面的错误更加类似，为简单起见仅发布了一个）：

ERROR in /home/robert/workspace/robo/src/main/webapp/app/content/layout/aside/aside-left.component.ts
(105,76): Cannot find name 'mUtil'.

我进行了一些研究，发现可能缺少声明类型文件。在主题中找到它并将其复制到JHipster项目。该文件如下所示：

/* SystemJS module definition */
declare var module: NodeModule;
interface NodeModule {
    id: string;
}

declare var mMenu: any;
declare var mOffcanvas: any;
declare var mScrollTop: any;
declare var mHeader: any;
declare var mToggle: any;
declare var mQuicksearch: any;
declare var mUtil: any;
declare var mPortlet: any;

现在webpack构建可以编译，但是在呈现站点时会出现问题。
样式工作正常，但是脚本未正确加载，并且在浏览器控制台中我可以看到错误（再次省略相似的错误）：

HeaderComponent.html:1 ERROR ReferenceError: mUtil is not defined
    at HeaderDirective.ngAfterViewInit (header.directive.ts?6754:56)
    at callProviderLifecycles (core.js?09c9:9568)
    at callElementProvidersLifecycles (core.js?09c9:9542)
    at callLifecycleHooksChildrenFirst (core.js?09c9:9532)
    at checkAndUpdateView (core.js?09c9:10468)
    at callViewAction (core.js?09c9:10700)
    at execComponentViewsAction (core.js?09c9:10642)
    at checkAndUpdateView (core.js?09c9:10465)
    at callViewAction (core.js?09c9:10700)
    at execEmbeddedViewsAction (core.js?09c9:10663)

主题文件mUtil中发生了scripts.bundle.js，但是我将该文件导入了JHipster的vendors.ts。
我检查了webpack构建给我的东西。在main.bundle.js内部，我发现mUtil发生了，因此在呈现网站时应将其加载。

我正在寻找任何帮助，因为我不知道如何使它起作用。

JHipster与定制主题的集成

0 个答案: