Sub-applications cannot be displayed properly

[JinHe-PerkinElmer]

Description

I am currently researching micro frontend frameworks and downloaded the official react example of luigi(https://github.com/SAP/luigi/tree/main/core/examples/luigi-example-react). When I tried to integrate another SPA application(running on //localhost:8000/), but the page does not display properly. I observed that when the route changed, the resource files of the sub-application and the network request have been successfully returned.

This is the configuration I added in the luigi-config.js file:

{
      pathSegment: 'statistic',
      label: 'Statistic',
      icon: 'paper-plane',
      viewUrl: '//localhost:8000/',
      virtualTree: true,
}

In other words, how should I integrate multiple applications into the main application?

Expected result

Display the sub-application properly.

Actual result

Steps to reproduce

Troubleshooting

[hardl]

Hi @JinHe-PerkinElmer ,
I assume you don't have luigi-client present in your sub-application. Therefore the handshake-code doesn't get initiated.
If it is your intention to not use luigi-client (i.e. not making use of client/core interaction features), you can disable handshake check by adding the loadingIndicator prop to your node config:

{
      pathSegment: 'statistic',
      label: 'Statistic',
      icon: 'paper-plane',
      viewUrl: '//localhost:8000/',
      virtualTree: true,
      loadingIndicator: {
            enabled: false
      }
}

[JinHe-PerkinElmer]

Hi @JinHe-PerkinElmer , I assume you don't have luigi-client present in your sub-application. Therefore the handshake-code doesn't get initiated. If it is your intention to not use luigi-client (i.e. not making use of client/core interaction features), you can disable handshake check by adding the loadingIndicator prop to your node config:

{
      pathSegment: 'statistic',
      label: 'Statistic',
      icon: 'paper-plane',
      viewUrl: '//localhost:8000/',
      virtualTree: true,
      loadingIndicator: {
            enabled: false
      }
}

Yes you are right. It works.