在JHipster中添加靜態頁面

Question

我想將相當於靜態HTML頁面的內容添加到我的JHipster應用程序中。 頁面的主體將是靜態的（一項隱私政策），但我希望它使用與其他頁面相同的導航欄，以便它們都具有相同的外觀和感覺，並且可以在其他頁面之間無縫導航。

我嘗試使用angular CLI創建一個新的angular component ：

> ng generate component privacy-policy

CREATE src/main/webapp/app/privacy-policy/privacy-policy.component.html (33 bytes)
CREATE src/main/webapp/app/privacy-policy/privacy-policy.component.ts (265 bytes)
UPDATE src/main/webapp/app/app.module.ts (2879 bytes)

我對如何為此配置路由感到困惑，因此/privacy-policy可以解析為這個新組件。 我嘗試為該組件創建一個新的路由器，如下所示，但它不起作用：

import { Route } from '@angular/router';

import {PrivacyPolicyComponent} from 'app/privacy-policy/privacy-policy.component';

export const privacyPolicyRoute: Route = {
    path: 'privacy-policy',
    component: PrivacyPolicyComponent,
    outlet: 'privacy-policy'
};

我還嘗試更新生成的app-routing.module.ts文件以包括新組件，但這也行不通：

import {privacyPolicyRoute} from 'app/privacy-policy/privacy-policy.route';
...
const LAYOUT_ROUTES = [privacyPolicyRoute, navbarRoute, ...errorRoute];

無論我收到以下瀏覽器錯誤是什么：

Router Event: NavigationError platform-browser.js:216
    NavigationError(id: 2, url: '/privacy-policy', error: Error: Cannot match any routes. URL Segment: 'privacy-policy') platform-browser.js:211
    Object { id: 2, url: "/privacy-policy", error: Error }

如何使我的應用正確地將請求路由到新組件？

Answer 1

為什么需要outlet: 'privacy-policy' ？ 去掉它。 您可能正在嘗試將組件放入不存在的插座中。