Codespaces manifests.js loading issue for SPFX project

Question

I have created SPFX project for SharePoint Online customization and using VS Code which works fine locally (on another machine where VS Code is installed).

Now I am trying to achieve the same using CodeSpaces (on another machine which do not have VS Code), however facing an issue.

After running the gulp serve command, the manifests.js loads fine if I load individually in browser. However, when I set the same file path as debugManifestsFile in my browser, I face below error.

TypeError: Cannot read properties of undefined (reading 'getManifests')

Below is the manifests.js file when loaded in browser.

When running the gulp server and changing the manifest file path to the above one, I am facing below issue.

I checked the network tab and noticed below for the target manifest file.

NOTE: My account is same for github and SharePoint Online and its configured with MFA. Please advise any feedback.