Deployed Angular micro-frontend app routing does not works on mobile device browsers
Hi All,
I have an angular 17 project. I created a workspace, named micro-fe-workspace. I have three applications Shell, microfrontend-a, microfrontend-b and a library shared-lib. I user angulararchitects.io native-federation library.
I deployed it on Cloudflare. The deployed demo app, it seems to me, began to work.
But one thing frustrates me, the routing does not work in any browser, only works the main page.
Does anyone have any idea why?
I appreciate any valuable idea which fix this issue.
The deployed app: https://ce212b31.microfrontend-with-native-feeration.pages.dev/home
I used Web inspector on IOS and saw what is the error:
ERROR Error { }
r@webkit-masked-url://hidden/:27:166011
value@webkit-masked-url://hidden/:27:182883
@webkit-masked-url://hidden/:27:184904
@https://ce212b31.microfrontend-with-native-feeration.pages.dev/polyfills-APPOKQHY.js:2:13069
runTask@https://ce212b31.microfrontend-with-native-feeration.pages.dev/polyfills-APPOKQHY.js:1:2460
invokeTask@https://ce212b31.microfrontend-with-native-feeration.pages.dev/polyfills-APPOKQHY.js:1:8207
0 Replies