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

Get location details 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
• Service available in Angular 5+ apps that makes it easy to interact with the current URL path.
• 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);
  }