gin-example | Gin framework with MongoDB | Authorization library

I started to program my project with vue 2.6.11 and I wanted to update it with the newest vue 3.

Than it doesn't worked anymore at all. So I tryed to install the old 2.6.11 back, but it didn't worked out. Now I tryed a lot of solutions, and am stuck. Probably I just made everything even more chaotic.

But nothing works out anymore. i left the project for a while, now I have new energy and want to ask here for help.

We are creating an MFE angular app using Module Federation WebPack 5 and ended up in an issue with the image source path. When we run the MFE alone, the image is loading(localhost:5000/assets/../angular.png) but when we run the host/shell app, the image is not loading for MFE since MFE is running in a different port(5000) and Shell is running in a different port(4200) and the app is trying to access the image from Shell's asset folder(localhost:4200/assets/../angular.png) when we run the shell app.

We have two options in hand:

1. Move those images to a common folder, outside the MFE and refer
2. set the image path dynamically using the basepath from a configuration file

We have used the below sample for my testing but in the below sample the angular.png file is available in both MFE1 and Shell but if we remove it from Shell, it won't work when we load the shell app.

Source Reference Code Sample (thanks to @manfredsteyer)

Any other solution in MFE to resolve this?

So I have 2 angular apps and I'm using webpack module federation to import one into the other I got it working but I'm encountering some strange behavior. I think the problem is the same or similar to this but there's no answer and it's been some time.

In my remote app I have a div below a table that is only there while I'm getting the data from the database and then it's hidden. When i go to the remote it works fine no problem but when i use the shell the div was not being hidden. I then added a button to toggle the div visibility but what happened was that the div os duplicated when the bool flag turn true and nothing when it turned false. I then used the shell from this github and changed the flight component to be exactly the same as my remote component and imported my component and it happens only on my component. This can be seen in this video.

I believe the problem is in the remote and not in the host.

Host webpack.config.ts:

My Code is continuously showing :

i am using @agm/core libraries and few packages in angular 7. but i am getting error:

I followed this tutorial to setup a spring boot project with a login/registration system with jpa and spring security. In the tutorial code it produces a 'users', 'roles' and 'users_roles' table. Now I wanted to add a route to the controller that would delete a user by id by adding this route to the controller:

I am trying to understatnd login and registration using this code at.This code works fine when ng serve is run

https://jasonwatmore.com/post/2020/04/28/angular-9-user-registration-and-login-example-tutorial

There the envirnment is set up as this.

I have an Angular Material 10.2 sign-in component which shows an error via when authentication fails, similar to OKTA's Angular Material login example. When the user moves to amend the email or password fields in the sign-in form, the error state should be removed...but I can't find a way to do that without wiping out the current field values, i.e., the user should be able to move a field, or fields, make corrections and resubmit.

Any ideas how to clear the Angular Material state without clearing anything else in the sign-in form?

Here's what the OKTA example does:

I'm working on a new project using Angular 11 and Webpack 5. I am basing my work on Manfred Steyer's Module Federation Plugin Example repo, which uses Angular CLI. I can't figure out how to share a singleton service from a shared local Angular library between my two apps.

I'll do my best to explain my setup.. Real sorry about how long this is going to be.