angular - Internet Explorer 11 上的 Angular 交互问题

Question

当在 IE 11 上启动时，Angular 应用程序在某些部分基本上变得非交互。鼠标事件不起作用。鼠标事件，如悬停、点击等都没有响应。尽管可以使用 Tab/Shift +Tab 访问元素并按预期工作。

我已经尝试通过取消注释polyfills.ts文件中的所有内容并安装文件中提到的相关包以及 Angular github
( https://github.com/angular/zone.js/blob/master/MODULE. ) _

此外，browserlistrc文件启用/配置了 IE9-11 版本

我将无法提供一些相关的屏幕截图/演示，因为它的客户机密。有人可以提出什么可能是错的吗？我们正在努力缩小我们的问题范围并找出根本原因。

环境设置：Angular 版本：11 节点版本：14 Npm 版本：6

包Json：

"dependencies": {
    "@angular/animations": "^11.2.13",
    "@angular/cdk": "^11.2.12",
    "@angular/common": "~11.2.13",
    "@angular/compiler": "~11.2.13",
    "@angular/core": "~11.2.13",
    "@angular/flex-layout": "^11.0.0-beta.33",
    "@angular/forms": "~11.2.13",
    "@angular/material": "^11.2.12",
    "@angular/platform-browser": "~11.2.13",
    "@angular/platform-browser-dynamic": "~11.2.13",
    "@angular/router": "~11.2.13",
    "@fortawesome/fontawesome-free": "^5.7.2",
    "@ngx-translate/core": "^11.0.1",
    "babel": "^6.23.0",
    "classlist.js": "^1.1.20150312",
    "core-js": "^2.5.4",
    "file-saver": "^2.0.2",
    "mobx": "^4.11.0",
    "ngx-markdown": "^10.1.1",
    "ngx-toastr": "^11.3.3",
    "ngx-translate-multi-http-loader": "^3.0.0",
    "ngx-virtual-scroller": "^3.0.2",
    "rxjs": "~6.5.3",
    "sass": "^1.32.12",
    "sass-lint": "^1.12.1",
    "stream": "0.0.2",
    "timers": "^0.1.1",
    "tinycolor2": "^1.4.2",
    "tslib": "^2.0.0",
    "web-animations-js": "^2.3.2",
    "xlsx": "^0.15.6",
    "zone.js": "^0.10.3"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "~0.1102.12",
    "@angular/cli": "11.2.12",
    "@angular/compiler-cli": "11.2.13",
    "@angular/language-service": "~11.2.13",
    "@types/jasmine": "~2.8.8",
    "@types/jasminewd2": "~2.0.3",
    "@types/node": "^12.11.1",
    "autolinker": "^1.8.1",
    "codelyzer": "^6.0.2",
    "d3": "^5.9.1",
    "interactjs": "^1.3.4",
    "jasmine-core": "~3.5.0",
    "jasmine-spec-reporter": "~5.0.0",
    "karma": "~6.3.2",
    "karma-chrome-launcher": "~3.1.0",
    "karma-coverage-istanbul-reporter": "~3.0.2",
    "karma-jasmine": "~4.0.0",
    "karma-jasmine-html-reporter": "^1.5.0",
    "ng-packagr": "^11.2.4",
    "protractor": "~7.0.0",
    "sonar-scanner": "^3.1.0",
    "ts-node": "~7.0.0",
    "tsickle": "^0.39.1",
    "tslint": "~6.1.0",
    "tslint-sonarts": "^1.9.0",
    "typescript": "^4.0.5"
  }

标签： angularangular-materialinternet-explorer-11polyfillszone