角12 +材料:正则表达式太大

Question

我已经更新了我们的应用程序到角v12。在Chrome中，我得到了这个错误(在成功编译之后)：

无效正则表达式: /^\d{4}-\d{2}-\d{2}(?:T\d{2}:\d{2}:\d{2}(?:.\d+)?(?:Z|(?:(?:+|-)\d{2}:\d{2}))?)?$/:正则表达式太大

这个正则表达式可以在第854行的node_modules/@angular/material/bundles/material-core.umd.js中找到：

/^\d{4}-\d{2}-\d{2}(?:T\d{2}:\d{2}:\d{2}(?:.\d+)?(?:Z|(?:(?:+|-)\d{2}:\d{2}))?)?$/；

var ISO_8601_REGEX =

在角度11中，我们没有得到这个错误，所以我想知道为什么它现在出现了，以及如何解决这个问题。我已经尝试过将@angular/material降级为v11，但它也处理了完全相同的错误。

的依赖项：

  "dependencies": {
    "@angular/animations": "~12.2.14",
    "@angular/cdk": "~11.2.0",
    "@angular/common": "~12.2.14",
    "@angular/compiler": "~12.2.14",
    "@angular/core": "~12.2.14",
    "@angular/forms": "~12.2.14",
    "@angular/localize": "^11.2.14",
    "@angular/material": "11.1.0",
    "@angular/platform-browser": "~12.2.14",
    "@angular/platform-browser-dynamic": "~12.2.14",
    "@angular/router": "~12.2.14",
    "core-js": "^2.6.2",
    "cypress": "^8.2.0",
    "cypress-file-upload": "^5.0.8",
    "cypress-movie": "^3.0.6",
    "cypress-promise": "^1.1.0",
    "cypress-real-events": "^1.4.0",
    "cypress-wait-until": "^1.7.1",
    "hammerjs": "^2.0.8",
    "ngx-device-detector": "^1.4.5",
    "rxjs": "6.6.3",
    "tslib": "~2.3.1",
    "zone.js": "~0.11.4"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "~12.2.14",
    "@angular-devkit/build-ng-packagr": "~0.1002.0",
    "@angular/cli": "~12.2.14",
    "@angular/compiler-cli": "~12.2.14",
    "@angular/language-service": "^12.2.14",
    "@compodoc/compodoc": "^1.1.11",
    "@types/jasmine": "~3.6.9",
    "@types/jasminewd2": "2.0.3",
    "@types/node": "^12.11.1",
    "codelyzer": "^6.0.0",
    "cross-env": "^7.0.3",
    "jasmine-core": "2.99.1",
    "jasmine-spec-reporter": "~5.0.0",
    "karma": "~6.3.9",
    "karma-chrome-launcher": "~3.1.0",
    "karma-coverage": "~2.0.3",
    "karma-coverage-istanbul-reporter": "~2.1.1",
    "karma-jasmine": "~4.0.0",
    "karma-jasmine-html-reporter": "~1.5.0",
    "karma-junit-reporter": "^2.0.1",
    "karma-sonarqube-unit-reporter": "0.0.23",
    "ng-packagr": "^12.2.6",
    "protractor": "~7.0.0",
    "release-it": "^14.2.2",
    "rimraf": "^3.0.2",
    "ts-node": "~8.3.0",
    "tslint": "~6.1.0",
    "typescript": "~4.3.5"
  },

Answer 1

有点奇怪。也许这和你的项目无关。

如果你使用Chrome 95，它可以链接到这个bug https://bugs.chromium.org/p/chromium/issues/detail?id=1264014

你能做的就是更新你的浏览器，或者尝试另一个浏览器(例如firefox )，如果它是工作的，它肯定是与Chrome相关的。