У меня очень странная проблема с проектом Angular 9 в браузере Opera Mobile. Все отлично работает на Chrome, Firefox, Edge, Safari и других c.
Angular версия:
Angular CLI: 9.1.7
Node: 12.16.3
OS: linux x64
Angular: 9.1.9
... animations, common, compiler, compiler-cli, core, forms
... language-service, platform-browser, platform-browser-dynamic
... router
Ivy Workspace: Yes
Package Version
-----------------------------------------------------------
@angular-devkit/architect 0.901.7
@angular-devkit/build-angular 0.901.7
@angular-devkit/build-optimizer 0.901.7
@angular-devkit/build-webpack 0.901.7
@angular-devkit/core 9.1.7
@angular-devkit/schematics 9.1.7
@angular/cdk 9.2.4
@angular/cli 9.1.7
@angular/material 9.2.4
@ngtools/webpack 9.1.7
@schematics/angular 9.1.7
@schematics/update 0.901.7
rxjs 6.5.5
typescript 3.8.3
webpack 4.42.0
Видно исключение (при перезагрузке страницы производственная сборка такая же):
NullInjectorError: R3InjectorError(AppModule)[
RendererFactory2 -> DomRendererFactory2 -> DomSharedStylesHost -> DomSharedStylesHost -> DomSharedStylesHost
]: NullInjectorError: No provider for DomSharedStylesHost!
polyfills.ts, которые я тестировал:
import 'core-js/es6/symbol';
import 'core-js/es6/object';
import 'core-js/es6/function';
import 'core-js/es6/parse-int';
import 'core-js/es6/parse-float';
import 'core-js/es6/number';
import 'core-js/es6/math';
import 'core-js/es6/string';
import 'core-js/es6/date';
import 'core-js/es6/array';
import 'core-js/es6/regexp';
import 'core-js/es6/map';
import 'core-js/es6/set';
import 'classlist.js';
import 'core-js/es6/reflect';
import 'core-js/es7/reflect';
import 'core-js/es7/array';
import 'web-animations-js';
import 'zone.js/dist/zone';
Я действительно не У меня больше нет идей, как решить эту проблему ... Я пробовал каждое решение со сборкой ES5, с polyfills et c.
Кто-нибудь знает, что происходит? А почему это просто Opera Mobile?