Comments (5)
It seems that this is still problem (v.4.0.1), REQUEST is null in ng component on ssr.
My app.component.ts
import { Component, Inject, Optional, PLATFORM_ID } from '@angular/core';
import { Request } from 'express';
import { REQUEST } from '@nguniversal/express-engine/tokens';
import { isPlatformServer } from '@angular/common';
@Component({
selector: 'workspace-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.styl'],
})
export class AppComponent {
title = 'title';
constructor(
@Optional() @Inject(REQUEST) private request: Request,
@Inject(PLATFORM_ID) private readonly platformId: any,
) {
if (isPlatformServer(this.platformId)) {
console.log('my request', this.request);
}
}
}
Providers for REQUEST and RESPONSE were removed in that commit
b43e23f#diff-a721ebf1ae45ad7227e059567df31f08L39
from ng-universal.
I've found it.
You are adding it to the extraProviders in setup-universal.utils.ts as 'serverUrl'.
{
provide: 'serverUrl',
useValue: `${options.req.protocol}://${options.req.get('host')}`
}
Then on the client side it can be injected as an optional dependency:
constructor(
@Inject(PLATFORM_ID) platform: any,
@Optional() @Inject('serverUrl') serverUrl: string
) {
if (isPlatformServer(platform)) {
console.log('api urls should be prefixed with:', serverUrl);
}
}
So it should be easy to create an http interceptor to make api calls working in ssr.
Maybe this should be added to your example app and documentation.
from ng-universal.
import { CookieService, CookieBackendService } from 'ngx-cookie';
@NgModule({
imports: [
AppModule,
ServerModule,
ModuleMapLoaderModule,
],
bootstrap: [AppComponent],
providers: [{ provide: CookieService, useClass: CookieBackendService }], // <--- CHANGES * * * * *
})
export class AppServerModule {}
/* server.ts */
// Find the call to res.render() in the file and
// update it with providers for 'REQUEST' and 'RESPONSE'
app.get('*', (req, res) => {
res.render('index', {
req: req,
res: res,
providers: [
{
provide: 'REQUEST', useValue: (req)
},
{
provide: 'RESPONSE', useValue: (res)
}
]
});
});
Error
CookieService -> InjectionToken REQUEST
NullInjectorError: No provider for InjectionToken REQUEST! `
from ng-universal.
Fixed in #12. Published as 0.3.0
from ng-universal.
my app is throwing expections on every reload, because my server doesnt get the cookies for Authentication
from ng-universal.
Related Issues (20)
- Add support for Angular 16 HOT 1
- Missing domino dependency HOT 1
- Vulnerable reason to stay here with ^0.13.1 and not ^0.14.0 HOT 1
- errorHandler does not includes the request to be able to respond something.
- Prerender with standalone application don't work HOT 1
- Nestjs ng-universal package dependency errors HOT 6
- Support in Angular 17 HOT 6
- @nestjs/ng-universal not working with Angular 13 - Error [ERR_REQUIRE_ESM]: require() of ES Module HOT 4
- Angular 13 + ng add @nestjs/ng-universal --force (Package installed failed) HOT 2
- Can't resolve 'class-transformer/storage' HOT 2
- `npm run dev:ssr` fails to run on MacOS HOT 2
- TypeError: Class constructor Type cannot be invoked without 'new' - nest runtime error when using angular library + mikro orm HOT 7
- Please make cache methods asynchronous HOT 1
- That package not work HOT 1
- minimal app with "Error: Module parse failed" HOT 2
- Would really love to use this library with latest major nestjs version (v9) HOT 1
- [FR] Add community maintainers to this package HOT 3
- Collection "@nestjs/ng-universal" cannot be resolved HOT 1
- Angular 15 ng add dependency issue 'Packages installation failed' HOT 6
- Can't start or build server application 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 ng-universal.