Comments (6)
Thanks for the issue. I am going to close this as this is not a bug in Ionic Framework. provideIonicAngular
relies on the Angular standalone bundle of Ionic which does not use hydration. Your application is also loading code from the hydrated version of Ionic which is why it is expecting hydration to complete. As mentioned in the documentation, your application should not mix imports from @ionic/angular
and @ionic/angular/standalone
as they use 2 different build systems.
To fix this, your application should either use @ionic/angular
(hydrated bundle) imports or @ionic/angular/standalone
(standalone bundle) imports, but not both.
from ionic-framework.
@liamdebeasi I have fixed the repro to only use standalone and it still does not show anything when provided in the route provider. The issue may be different from the original hydration issue mentioned
https://stackblitz.com/edit/angular-pmvzjr?file=src%2Fmain.ts,src%2Fapp%2Fapp.component.ts,src%2Fapp%2Fexample.component.ts,src%2Fapp%2Fapp.component.html
from ionic-framework.
provideIonicAngular
should be set on the root provider. It does not need to be provided individually to each component in the routing definition.
from ionic-framework.
My use-case is for micro-frontends where each remote is responsible for its own providers and the shell application should not have to add root providers for the remote applications in it.
from ionic-framework.
You'll want to make sure that the provideIonicAngular
is added to the main.ts
file in the remote application in that case. provideIonicAngular
allows you to set a global config, so it needs to be set globally in the context of a single application.
I'm assuming here that the remote application is a complete Angular application instead of a single component.
from ionic-framework.
It is built as a complete Angular application, so it does have main.ts and root providers when running as a standalone app.
When it is integrated inside a host app as a micro-front-end remote, the remotes main.ts and root providers are bypassed and the host loads an entry point to the remote, which is the routes file containing the initial route the host must navigate to. This route needs to provide all the providers that the remote requires.
As a workaround, I am including the Ionic provider in the host app but this means that Ionic is loaded even if users do not navigate to the remote.
from ionic-framework.
Related Issues (20)
- Cant Print all Pages using window.print in Latest Ionic HOT 3
- feat: Improve ion-reorder accessibility HOT 2
- bug: ion-checkbox don't let interact with label HOT 2
- bug: Cannot change ion-fab-button background using the provided css variables HOT 1
- bug: ion-icons have different sizes when combined with ion-toggle, ion-checkbox or ion-radio inside of an ion-item HOT 1
- bug: fill outline select with fit-content will hide select options
- bug: Order of running functions - closing modals HOT 2
- bug: Using angular/cdk/overlay and ion-modal can cause conflicts. HOT 1
- feat: Ability to use relative color syntax in the theme file HOT 2
- Not able to access the documentation HOT 2
- feat: dynamic font scaling for the Picker component on the iOS platform. HOT 1
- feat: `form` property on form components HOT 1
- feat: HOT 1
- bug: buttons inside `ion-header` not accessible with screenreader (unless scrolled down) HOT 1
- bug: Keyboard interaction on device with inputs/buttons inside of swiper HOT 1
- bug: unintended re-focus to input after selecting clear input button with iOS VoiceOver HOT 5
- bug: ionic8 Conflict between font color and theme color in new dark mode HOT 2
- bug: Auto foucs in ios not work (ionic vue) HOT 1
- feat: Export files in `utils` in distribution HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from ionic-framework.