Angular always detected running in production mode

[AntonyChiossi]

Hi this issue is similar to https://github.com/rangle/angular-devtools/issues/868.

angular.json (cant share it all)

architect.build.options:

"options":  {
            ...
            "vendorChunk": true,
            "extractLicenses": false,
            "buildOptimizer": false,
            "sourceMap": true,
            "optimization": false,
            "namedChunks": true,
           "webWorkerTsConfig": "tsconfig.worker.json"
}

architect.conficurations.dev:

I tried with and without default.

 ...
"dev": {
              "budgets": [
                {
                  "type": "anyComponentStyle",
                  "maximumWarning": "6kb"
                }
              ]
}
 ...

 ...
"dev": {
              "budgets": [
                {
                  "type": "anyComponentStyle",
                  "maximumWarning": "6kb"
                }
              ],
              "vendorChunk": true,
              "extractLicenses": false,
              "buildOptimizer": false,
              "sourceMap": true,
              "optimization": false,
              "namedChunks": true
}
 ...

By launching ng serve (i have to use ssl) with and without the conf:

ng serve --ssl ng serve --configuration dev --ssl

the result is the same:

ng version

Angular CLI: 12.2.1
Node: 14.17.1
Package Manager: npm 6.14.13
OS: linux x64

Angular: 12.2.1
... animations, cdk, cli, common, compiler, compiler-cli, core
... forms, language-service, localize, platform-browser
... platform-browser-dynamic, router

Package                         Version
---------------------------------------------------------
@angular-devkit/architect       0.1202.1
@angular-devkit/build-angular   12.2.1
@angular-devkit/core            12.2.1
@angular-devkit/schematics      12.2.1
@schematics/angular             12.2.1
rxjs                            6.5.5
typescript                      4.2.4

[mgechev]

@AntonyChiossi would you share a minimal reproduction? The shared information would not be sufficient to see what's going on.

[leongrin]

I am having the same issue. Angular Dev Tools is not working on my development environment, and I am using Angular 12.2.0. I am attaching a screenshot of the issue.

[sebastiencl]

Same issue since I update my project from 11.x to 12.2.x. I'm not building in prod configuration, but my devtools detect a production build.

EDIT : I fixed this issue. In angular.json, juste specify "optimization": false in your dev build options. Before Angular 12, it wasn't mandatory. Don't forget to set it to true in your production build.

see : https://angular.io/guide/workspace-config#optimization-configuration