August 2018 – Error Geek

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

101 total views, no views today

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);
  }

89 total views, no views today

Error Geek

Solution Expert

Monthly Archives: August 2018

Configuration ‘prod’ could not be found

Get URL in angular 5