Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

bug: Angular 17 and Ionic 7 - SSR issue #29179

Closed
3 tasks done
papastepano opened this issue Mar 19, 2024 · 5 comments
Closed
3 tasks done

bug: Angular 17 and Ionic 7 - SSR issue #29179

papastepano opened this issue Mar 19, 2024 · 5 comments
Assignees
Labels

Comments

@papastepano
Copy link

Prerequisites

Ionic Framework Version

v7.x

Current Behavior

Adding ionic to an Angular standalone app results in the following warning:

▲ [WARNING] The glob pattern import("./**/*.entry.js*") did not match any files [empty-glob]                                                          

    node_modules/@stencil/core/internal/client/index.js:4019:4:
      4019 │     `./${bundleId}.entry.js${BUILD.hotModuleReplacement && hmrVe...
           ╵     ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

As a result components cannot be properly hydrated:

error-handler.service.ts:11 Error: NG0500: During hydration Angular expected <ion-toolbar> but found a comment node.

Angular expected this DOM:

<ion-header _ngcontent-ng-c3536642561="">
  <ion-toolbar>…</ion-toolbar>  <-- AT THIS LOCATION
  …
</ion-header>

Actual DOM is:

<ion-header _ngcontent-ng-c3536642561="">
  <!--  -->  <-- AT THIS LOCATION
  …
</ion-header>

Expected Behavior

I am expecting Ionic to support SSR in Angular

Steps to Reproduce

  1. create a an angular app with ssr using cli
  2. add ionic and any ion component from package standalone
  3. serve the app

Code Reproduction URL

https://github.com/

Ionic Info

Angular: 17.2.4
Ionic CLI : 7.2.0
NodeJS : v20.11.0
npm : 10.4.0

Additional Information

No response

@liamdebeasi
Copy link
Contributor

Thanks for the issue. I am going to close this as a duplicate of #28625 (comment).

@liamdebeasi liamdebeasi closed this as not planned Won't fix, can't repro, duplicate, stale Mar 19, 2024
@papastepano
Copy link
Author

@liamdebeasi there is no clear resolution in the issue you are pointing to. Can you please provide some more information ?

@papastepano
Copy link
Author

ionic-team/stencil#5427

@Lyfei
Copy link

Lyfei commented Apr 19, 2024

ionic-team/stencil#5427

Looks like the problem hasn't been solved yet

Copy link

ionitron-bot bot commented May 19, 2024

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.

@ionitron-bot ionitron-bot bot locked and limited conversation to collaborators May 19, 2024
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Projects
None yet
Development

No branches or pull requests

4 participants