Angular 13 编译问题(错误:编译 @angular/core 时导入意外符号 ɵɵinvalidFactory)
我有一个 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?
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 技术交流群。

绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论