angular гибридное приложение, модуль с ленивой загрузкой не работает при обновлении страницы - PullRequest
0 голосов
/ 13 июля 2020

У меня есть гибридное приложение angular (angularjs с angular) с отложенной загрузкой в ​​один из функциональных модулей.

Функциональный модуль объявлен следующим образом

const contactFs: NgHybridStateDeclaration = {
    name: 'contact.v2.**',
    url: '/contact/v2/',
    loadChildren: () =>
        import(/* webpackChunkName: "contactM" */ './contacts.module').then(m => m.contactsModule)
};

У меня есть следующие состояния, объявленные в модуле контактов

export const state1: Ng2StateDeclaration = {
    name: 'contact.v2',
    url: '/'
};

export const state2: Ng2StateDeclaration = {
    name: 'contact.v2.details',
    url: ':id/details',
    component: detailsComponent,
};

Теперь я могу без проблем переходить к состоянию contact.v2.details из домашнего компонента. URL-адрес становится чем-то вроде host/contact/v2/9ee34d65-a91f-460c-9947-e2a7ee9d5538/details

Проблема в том, что когда пользователь нажимает ссылку sh в браузере, он не загружает компонент, а просто загружает пустое состояние. Не уверен, что здесь происходит не так, похоже, что он вообще не загружает ленивый загруженный модуль при нажатии кнопки refre sh.

1 Ответ

0 голосов
/ 13 июля 2020

Измените свой индекс . html как показано ниже.

<base href='./'>

...