search

jhipster / generator-jhipster

JHipster is a development platform to quickly generate, develop, & deploy modern web applications & microservice architectures.
https://www.jhipster.tech
Apache License 2.0
21.49k stars 4.02k forks source link

Microfrontend #22273

Closed Asha939 closed 1 year ago

Asha939 commented 1 year ago

I generated the gateway application and also a microservice application. I enabled micro frontends in the gateway application, webpack.microfrontend.js file is generated in the webpack directory of the gateway application but not in the microservice application. I followed this youtube video (https://youtu.be/haTQ1xJKQQ8). I'm facing issues like "Refused to execute a script from 'http://localhost:8080/services/exelyticschool/remoteEntry.js' because its MIME type ('application/problem+json') is not executable, and strict MIME type checking is enabled."

What is the correct way to implement micro-frontend in the microservice architecture and also how to implement the same in the Jhipster-ionic application?

WhatsApp Image 2023-05-23 at 6 32 35 PM

mshima commented 1 year ago

Currently, ionic will generate entities from a single application, since gateway will not know all entities, it will not generate. I am not sure about the steps you followed, to generate a microfrontend stack:

jhipster jdl reactive-mf.jdl
Asha939 commented 1 year ago

can you please explain the complete architecture of the micro-frontend in the microservice application?

mshima commented 1 year ago

Somewhat related to https://github.com/jhipster/generator-jhipster/issues/22354. A quick description: https://stackoverflow.com/questions/76363963/separation-of-microfrontends.