How to Build "coexisting-angular-microfrontends"? about coexisting-angular-microfrontends HOT 7 CLOSED

I have used http-server --cors for years and it works. My guess is that you're loading from a different server instead of http-server, such as ng serve or something else. The next step I'd take to debug is to check whether the URL is correct and whether a response header Access-Control-Allow-Origin is being sent by checking the Network tab of the browser devtools.

Regarding registering the angularjs application, I recommend not doing a "named register," but instead an anonymous register.

// Don't do this
System.register('angjs', [], function() {})

// Do this instead
System.register([], function () {})

Then add angjs to your import map and run the following in the browser console:

System.import('angjs').then(ns => {
  console.log('angjs module', ns)
})

The logged object should have the bootstrap, mount, and unmount functions.

from coexisting-angular-microfrontends.

Run npm run build:single-spa in each of the angular directories. See code below as an example:

from coexisting-angular-microfrontends.

HI @joeldenning ,

Above worked for me, Thanks.

I've another issue which is as below.
I've added AngularJS Repo to this and provided extra route AngularJS for thisrepo.
i ran http-server in Angular repo then added http://localhost:8080/es5-app.js to import override, now when i access Angular JS repo route it gives CORS issue.

from coexisting-angular-microfrontends.

http-server --cors

from coexisting-angular-microfrontends.

https://www.npmjs.com/package/http-server#available-options

from coexisting-angular-microfrontends.

Hi @joeldenning

I've tried following.

1. Ran http-server --cors inside AngularJS Repo
2. Ran http-server --cors inside both AngularJS Repo and this

Still it gives Error, :Access to script at 'http://localhost:8080/es5-app.js' from origin 'http://localhost:4200' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

Another issue:
I used below code to register through System JS

`System.register('angjs',[], function(_export) {

return {
execute: function() {
_export(singleSpaAngularjs.default({
angular: angular,
mainAngularModule: 'main-module',
uiRouter: true,
preserveGlobal: false,
template: '',
}))
}
}
})`

I got error with 37 as code, which says valid unmount not exist.

Please help!!
Thank you

from coexisting-angular-microfrontends.

@joeldenning ,
Worked for me.

Thanks

from coexisting-angular-microfrontends.