enableProdMode console message is too mysterious

[ewinslow]

I got this message in the console:

Angular 2 is running in the development mode. Call enableProdMode() to enable the production mode.

Curious, I behaved literally and typed this into the console:

enableProdMode();

At which point I was greeted with this error:

VM1256:2 Uncaught ReferenceError: enableProdMode is not defined(…)(anonymous function) @ VM1256:2
InjectedScript._evaluateOn @ VM1126:875
InjectedScript._evaluateAndWrap @ VM1126:808
InjectedScript.evaluate @ VM1126:664

This console message should link to docs explaining what enableProdMode is and an example of how exactly to enable it. For example, something like this would have been much clearer (not sure if this is how you do it exactly):

import {enableProdMode} from "angular2/core";

enableProdMode();

[kasperpeulen]

I couldn't get enableProdMode to work in Dart either.

[powercoder23]

Guys just write this code on the bootstraped Component and make sure it is not inside any class or constructor just one below the other, it worked for me.!

//.. other imports
import {enableProdMode} from 'angular2/core';
enableProdMode();

@Component({
//...my component code goes here

hope this helps!

[VishalMadhvani]

It also works when done on the boot.ts file.
Mine now looks like this:

import {bootstrap}    from 'angular2/platform/browser'
import {AppComponent} from './app.component'
import {enableProdMode} from 'angular2/core';

enableProdMode();
bootstrap(AppComponent);

But now instead of
Angular 2 is running in the development mode. Call enableProdMode() to enable the production mode.
i'm getting Angular 2 is running in the production mode. Call enableDevMode() to enable the development mode.

Surely in a production mode there shouldn't be any messages, specifically given that one has to write code to enable production mode.

[lordmat0]

I think the point @ewinslow is trying to make is that it's not clear exactly how to do this. It should display a link to documentation explaining how and why this is necessary.

[jasonslyvia]

There is even no docs about what enableProdMode() does.

[0x-r4bbit]

@VISHAL123 In the latest beta, you should be able to mute the message for production.

@jasonslyvia Prodmode makes sure that change detection is run only once per browser event, so you won't have cycles.

In Devmode (which is the default) CD is performed twice to double check that you haven't written code with any side effects.

[Ghayyas]

Try This..

import {enableProdMode} from 'angular2/core';

enableProdMode();

[unseen1980]

@PascalPrecht Thanks for the explanation. Where can we find some for info about the change detection?

[pitops]

@VISHAL123 doing it this way i do not get any messages in console.

So this is what works for me (thanks to vishal123)

in boot.ts

import {enableProdMode} from 'angular2/core';

enableProdMode();
bootstrap(AppComponent);

[VishalMadhvani]

@pitops yup, the log was muted in beta 6. #6873

[Petrus1987]

This work massively thanx

[adampasz]

I agree current message is too mysterious. Worse yet, the API docs. don't provide an example. I had to go to a stackoverflow article to figure out what to do.

Almost every new ng2 developer is going to see this message!

[vlazar]

There is no message in production mode anymore. See #6096 (comment)