Angular 13 编译问题(错误:编译 @angular/core 时导入意外符号 ɵɵinvalidFactory)

发布于 2025-01-14 12:08:03 字数 2417 浏览 1 评论 0原文

我有一个 Angular 13 应用程序,到目前为止一直运行良好。在我的一个功能分支中,我添加了来自另一个项目(较小角度版本)的一些组件和包,并且开始出现此编译错误:

UnhandledPromiseRejectionWarning:错误:导入意外符号 编译@angular/core时的ɵɵinvalidFactory 在 validateAndRewriteCoreSymbol

经过一些谷歌搜索后,我猜测这与 Ivy 与某些软件包的兼容性有关,但我有点卡住了,想不出解决方案,浪费了很多时间。有人知道这方面的任何想法/解决方案吗?

构建错误

这是我的 package.json 内容

{
  "name": "userportal",
  "version": "0.0.0",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "watch": "ng build --watch --configuration development",
    "test": "ng test",
    "postinstall": "ngcc"
  },
  "private": true,
  "dependencies": {
    "@angular-slider/ngx-slider": "^2.0.4",
    "@angular/animations": "~13.1.0",
    "@angular/cdk": "^13.1.2",
    "@angular/common": "~13.1.0",
    "@angular/compiler": "~13.1.0",
    "@angular/core": "~13.1.0",
    "@angular/flex-layout": "^13.0.0-beta.38",
    "@angular/forms": "~13.1.0",
    "@angular/localize": "~13.1.0",
    "@angular/material": "^13.1.2",
    "@angular/platform-browser": "~13.1.0",
    "@angular/platform-browser-dynamic": "~13.1.0",
    "@angular/router": "~13.1.0",
    "@fortawesome/fontawesome-svg-core": "^1.3.0",
    "angular-ng-autocomplete": "^2.0.8",
    "chart.js": "^3.7.1",
    "date-fns": "^2.28.0",
    "@ngrx/store": "^13.0.2",
    "@popperjs/core": "^2.10.2",
    "angular-tawk": "^0.0.4",
    "bootstrap": "^5.1.3",
    "crypto-js": "^4.1.1",
    "file-saver": "^2.0.5",
    "hammerjs": "^2.0.8",
    "moment": "^2.29.1",
    "ng-circle-progress": "^1.6.0",
    "ng2-charts": "^2.3.0",
    "ngx-bootstrap": "^8.0.0",
    "ngx-dropzone": "^3.1.0",
    "ngx-slick-carousel": "^0.5.1",
    "rxjs": "~7.4.0",
    "tslib": "^2.3.1",
    "xlsx": "^0.18.3",
    "zone.js": "~0.11.4",
    "popper.js": "^1.16.1"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "^13.2.6",
    "@angular/cli": "~13.1.3",
    "@angular/compiler-cli": "~13.1.0",
    "@ngrx/schematics": "^13.0.2",
    "@types/jasmine": "~3.10.0",
    "@types/node": "^12.11.1",
    "jasmine-core": "~3.10.0",
    "karma": "~6.3.0",
    "karma-chrome-launcher": "~3.1.0",
    "karma-coverage": "~2.1.0",
    "karma-jasmine": "~4.0.0",
    "karma-jasmine-html-reporter": "~1.7.0",
    "typescript": "~4.5.2"
  }
}

I have an Angular 13 app which was working fine until now. In one of my feature branches, I added some components and packages from another project(lesser angular version), and this compilation error started showing up:

UnhandledPromiseRejectionWarning: Error: Importing unexpected symbol
ɵɵinvalidFactory while compiling @angular/core
at validateAndRewriteCoreSymbol

After some google searches, my guess is this has to do with Ivy compatibility with some packages, but I'm kind of stuck and couldn't think of a solution and wasted lot of time. Any idea/solutions for this that anyone knows about?

build error

This is my package.json content

{
  "name": "userportal",
  "version": "0.0.0",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "watch": "ng build --watch --configuration development",
    "test": "ng test",
    "postinstall": "ngcc"
  },
  "private": true,
  "dependencies": {
    "@angular-slider/ngx-slider": "^2.0.4",
    "@angular/animations": "~13.1.0",
    "@angular/cdk": "^13.1.2",
    "@angular/common": "~13.1.0",
    "@angular/compiler": "~13.1.0",
    "@angular/core": "~13.1.0",
    "@angular/flex-layout": "^13.0.0-beta.38",
    "@angular/forms": "~13.1.0",
    "@angular/localize": "~13.1.0",
    "@angular/material": "^13.1.2",
    "@angular/platform-browser": "~13.1.0",
    "@angular/platform-browser-dynamic": "~13.1.0",
    "@angular/router": "~13.1.0",
    "@fortawesome/fontawesome-svg-core": "^1.3.0",
    "angular-ng-autocomplete": "^2.0.8",
    "chart.js": "^3.7.1",
    "date-fns": "^2.28.0",
    "@ngrx/store": "^13.0.2",
    "@popperjs/core": "^2.10.2",
    "angular-tawk": "^0.0.4",
    "bootstrap": "^5.1.3",
    "crypto-js": "^4.1.1",
    "file-saver": "^2.0.5",
    "hammerjs": "^2.0.8",
    "moment": "^2.29.1",
    "ng-circle-progress": "^1.6.0",
    "ng2-charts": "^2.3.0",
    "ngx-bootstrap": "^8.0.0",
    "ngx-dropzone": "^3.1.0",
    "ngx-slick-carousel": "^0.5.1",
    "rxjs": "~7.4.0",
    "tslib": "^2.3.1",
    "xlsx": "^0.18.3",
    "zone.js": "~0.11.4",
    "popper.js": "^1.16.1"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "^13.2.6",
    "@angular/cli": "~13.1.3",
    "@angular/compiler-cli": "~13.1.0",
    "@ngrx/schematics": "^13.0.2",
    "@types/jasmine": "~3.10.0",
    "@types/node": "^12.11.1",
    "jasmine-core": "~3.10.0",
    "karma": "~6.3.0",
    "karma-chrome-launcher": "~3.1.0",
    "karma-coverage": "~2.1.0",
    "karma-jasmine": "~4.0.0",
    "karma-jasmine-html-reporter": "~1.7.0",
    "typescript": "~4.5.2"
  }
}

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文