MF Runtime getting error with loadEntry failure

[minhnq013]

Hi all,

Due to some other complication, it is a bit hard to setup a repro. So I'm just asking for help on navigating the source code.

But I'm using runtime to load some modules and getting the error
Unable to use the my_module ... URL with .... globalName to get remoteEntry exports.

Digging further, I see that the loadEntry code try to find the remote entry in the window object.
When/where does the entryKey get added to the global window object?

const getRemoteEntryExports = (name, globalName)=>{
    const remoteEntryKey = globalName || `__FEDERATION_${name}:custom__`;
    const entryExports = globalThis[remoteEntryKey];
    return {
        remoteEntryKey,
        entryExports
    };
};

Appreciate.

The code is somewhat like this.

import * as React from 'react';
import * as ReactDOM from 'react-dom';
import { init } from '@module-federation/enhanced/runtime';

const federationHost = init({
  name: 'seller_compass',
  remotes: [
    {
      name: 'my-module',
      entry: 'http://localhost:3001/mf-manifest.json',
    },
  ],
  // shared: {
  //   react: React,
  //   'react-dom': ReactDOM,
  // },
});

const Placeholder = () => <div>Placeholder</div>;

// Load using alias
export const RuntimeTest = React.lazy(() =>
  federationHost
    .loadRemote<{
      Test: React.ComponentType<any>;
      getModule: (input: { name: string }) => () => Promise<{ default: React.ComponentType<any> }>;
    }>('my-module')
    .then((md) => ({ default: md?.Test ?? Placeholder })),
);

[ScriptedAlchemy]

remove the hyphen. window.some-thing or var some-thing =
is not valid javascript code