You may be missing a development configuration for your application.
In your angular.json navigate to architect -> build -> configurations and add these lines, below the definition of the production build:
"configurations": {
"production": {
// already there!
},
"development": { // this is new!
"buildOptimizer": false,
"optimization": false,
"vendorChunk": true,
"extractLicenses": false,
"sourceMap": true,
"namedChunks": true
}
},
"defaultConfiguration": "production"
And to run the build in development mode just type the next command: ng build --configuration development.
Angular Chrome Dev Tools extension error: "Angular DevTools only supports development builds." - Stack Overflow
How To Open The Developer Tools In The Opera GX Web Browser | PC Tutorial
Does Angular 2.0 Support Opera Mini - Stack Overflow
Are there any debugging tools for the Opera Mini mobile browser? - Stack Overflow
You may be missing a development configuration for your application.
In your angular.json navigate to architect -> build -> configurations and add these lines, below the definition of the production build:
"configurations": {
"production": {
// already there!
},
"development": { // this is new!
"buildOptimizer": false,
"optimization": false,
"vendorChunk": true,
"extractLicenses": false,
"sourceMap": true,
"namedChunks": true
}
},
"defaultConfiguration": "production"
And to run the build in development mode just type the next command: ng build --configuration development.
I had all of those settings and configurations in place in angular.json.
For me, the problem was the following:
main.ts:
if (environment.production) {
enableProdMode(); // <-- here
}
platformBrowserDynamic()
.bootstrapModule(AppModule)
.catch(err => console.error(err));
And apparently, I changed the production property of my environment.ts file at some point in the past, setting production in there to true, even in development mode.
Changing it back to false finally resolved this for me.
The specs have been updated since that article (I think they now go down to IE9), but Opera Mini has really shoddy javascript support so using any client-side framework for it is a bad idea. They may work since they do have some support, but don't count on it.
In general, if 80% of your users are on opera mini, don't use a SPA. In fact, you may want to avoid javascript completely, using something like Django would be a much safer option and it would probably result in a smaller page for the user to download (and saving on data is one of the prime reasons people use Opera mini).
Angular still doesn't have support for proxy browsers (Opera Mini, Uc Browser). Have tried server side rendering with Universal but to no avail. As suggested by Erik Honn, your best bet is going with a Server rendered app