Month: August 2018

Configuration ‘prod’ could not be found

Probem:

I am trying to serve the app via configuration for prod in Angular 6 using below command.

ng serve --configuration=prod

But it gives me below error :

Configuration 'prod' could not be found in project 'platform-ui'.

Error: Configuration 'prod' could not be found in project 'platform-ui'.

Solution :

If you look at your angular.json file, you’ll see that you have finer control over settings for each configuration.

Now look for serve tag in json

“serve”: {
“builder”: “@angular-devkit/build-angular:dev-server”,
“options”: {
“browserTarget”: “platform-ui:build”
},


and add configuration for your custom server like this :


“configurations”: {
“production”: {
“browserTarget”: “platform-ui:build:production”
},
“qa”: {
“browserTarget”: “platform-ui:build:qa”
},

now try to run below command again

ng serve --configuration=prod

179 total views, no views today

Get URL in angular 5

The Location class has prepareExternalUrl() that takes base href into account.

You can also try to inject 

constructor(@Inject(APP_BASE_HREF) href:string){}



It seems APP_BASE_HREF can’t be injected anymore without explicitly providing it.


PlatformLocation provides more details about the URL:   

  
PlatformLocation is a service available in Angular 5+ apps that makes it easy to interact with the current URL path.

PlatformLocation service can come-in really handy when coupled with the router to perform certain operations.

you can get URL like this.


constructor(platformLocation: PlatformLocation) {
console.log((platformLocation as any).location);
console.log((platformLocation as any).location.href);
console.log((platformLocation as any).location.origin);
}





166 total views, no views today