bug: Cannot find module '@ionic/angular-server' or its corresponding type declarations

[samizarraa]

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Ionic Framework Version

• v4.x
• v5.x
• v6.x

Current Behavior

Error: src/app/app.server.module.ts:6:35 - error TS2307: Cannot find module '@ionic/angular-server' or its corresponding type declarations.

6 import { IonicServerModule } from '@ionic/angular-server';
~~~~~~~~~~~~~~~~~~~~~~~

Error: src/app/app.server.module.ts:9:12 - error NG1010: Value at position 2 in the NgModule.imports of AppServerModule is not a reference Value could not be determined statically.

Expected Behavior

Angular SSR

Steps to Reproduce

npm run dev:ssr

Code Reproduction URL

No response

Ionic Info

No response

Additional Information

Angular 13

[maslaw]

Just ran into this same problem

[thibautLedz]

Same problem here @angular 13.0.3, @ionic/angular@6.0.3, @ionic/angular-server@6.0.3

[ionitron-bot]

Thanks for the issue! This issue has been labeled as needs reproduction. This label is added to issues that need a code reproduction.

Please reproduce this issue in an Ionic starter application and provide a way for us to access it (GitHub repo, StackBlitz, etc). Without a reliable code reproduction, it is unlikely we will be able to resolve the issue, leading to it being closed.

If you have already provided a code snippet and are seeing this message, it is likely that the code snippet was not enough for our team to reproduce the issue.

For a guide on how to create a good reproduction, see our Contributing Guide.

[thibautLedz]

To reproduce, just follow the guide : https://ionicframework.com/blog/ssr-with-angular-universal-and-ionic

@Ionitron
A sandbox here: https://codesandbox.io/s/serene-haze-tzwqx?file=/src/app/app.server.module.ts

[CoooWeee]

same issue here:
"@ionic/angular": "^6.0.3",
"@ionic/angular-server": "^6.0.3",
"@angular/**": "^13.1.3",

[thibautLedz]

Problem still persist after update to 6.0.4
"@ionic/angular": "6.0.4",
"@ionic/angular-server": "6.0.4",

[jicasada]

In the meantime you can use the code from Ionic Server Module (https://github.com/ionic-team/ionic-framework/blob/main/packages/angular-server/src/ionic-server-module.ts) directly at your own code. Although it's not working with version 6.0.x of ionic/core anyway.

It works with version 5.9.3.

With version 6.0.x you get a hydrateDocument error:

ReferenceError: Cannot access 'ActionSheet' before initialization
    at hydrateAppClosure (/tmp/ionic/test-angular/dist/app/server/main.js:43979:85)
    at hydrateFactory (/tmp/ionic/test-angular/dist/app/server/main.js:73726:3)
    at render (/tmp/ionic/test-angular/dist/app/server/main.js:73999:10)
    at /tmp/ionic/test-angular/dist/app/server/main.js:73928:65
    at new ZoneAwarePromise (/tmp/ionic/test-angular/dist/app/server/main.js:156565:23)
    at hydrateDocument (/tmp/ionic/test-angular/dist/app/server/main.js:73920:34)
    at /tmp/ionic/test-angular/dist/app/server/main.js:158197:84
    at /tmp/ionic/test-angular/dist/app/server/main.js:252680:36
    at ZoneDelegate.invoke (/tmp/ionic/test-angular/dist/app/server/main.js:155471:160)
    at Zone.run (/tmp/ionic/test-angular/dist/app/server/main.js:155197:37)

Which is a different bug. It is not appropriate to discuss it in this thread.
[Github example] (url)https://github.com/jicasada/ionicframework-bug-24605