Devtools non-production configuration warning is not clear enough

[ilyakonrad]

Is this a bug report or a feature request?

• [ ] Bug Report
• [X] Feature Request

Please provide the steps to reproduce the issue [Bug Report only]

No response

Please provide the expected behavior vs the actual behavior you encountered [Bug Report only]

No response

Please provide a screenshot if possible [Bug Report only]

No response

Please provide the exception or error you saw [Bug Report only]

No response

Is this a browser-specific issue? If so, please specify the device, browser, and version. [Bug Report only]

No response

Description [Feature Request only]

When Devtools are disabled, there's this message:

which seems to mean that Devtools will only work when your environment has production: false. Or perhaps when we don't call enableProdMode(). What is "produciton configuration"? What is "development build"?

We have development, testing, staging and production environment. The former is used to serve the app locally, the latter is exactly what it seems. Only production environment has production: true, however Devtools won't run on our testing and staging servers as well.

By trial and error I found out that "optimization": true is what really prevented Devtools from running on our testing and staging environments.

I could have saved time if the warning was more descriptive.

Proposed solution [Feature Request only]

Make Devtools empty state 100% clear for people to understand precisely what should be done in order for it to work. Also update the docs.

Alternatives considered [Feature Request only]

No response