Angular 10/11 添加 ngx-sharebutton 获得"导出'ɵɵFactoryTarget'(导入为'i0')在'@angular/核心'中找不到



我正在尝试在我的angular应用程序上添加社交媒体分享按钮-所以我已经看到了这个ngx-sharebuttons,它似乎提供了我想要实现的。

然而,我不能构建我的angular应用程序,如果它使用

npm I ngx-sharebuttons @angular/cdk

版本
"dependencies": {
"@angular-devkit/core": "11.2.14",
"@angular/animations": "~11.2.14",
"@angular/cdk": "^12.2.4",
"@angular/common": "~11.2.14",
"@angular/compiler": "~11.2.14",
"@angular/core": "~11.2.14",
"@angular/forms": "~11.2.14",
"@angular/platform-browser": "~11.2.14",
"@angular/platform-browser-dynamic": "~11.2.14",
"@angular/router": "~11.2.14",
"@angular/fire": "^6.1.5",
"@fortawesome/angular-fontawesome": "^0.9.0",
"@fortawesome/fontawesome-free": "^5.15.3",
"@fortawesome/fontawesome-svg-core": "^1.2.35",
"@fortawesome/free-brands-svg-icons": "^5.15.3",
"@fortawesome/free-regular-svg-icons": "^5.15.3",
"@fortawesome/free-solid-svg-icons": "^5.15.3",
"@ng-bootstrap/ng-bootstrap": "^9.1.2",
"@ngx-markdown/core": "^0.2.2",
"@types/chart.js": "^2.9.32",
"angular-bootstrap-md": "^11.1.0",
"animate.css": "^4.1.1",
"bootstrap": "^5.0.1",
"bootstrap-icons": "^1.5.0",
"chart.js": "^2.5.0",
"firebase": "^8.7.0",
"font-awesome": "^4.7.0",
"hammerjs": "^2.0.8",
"jquery": "^3.6.0",
"justifiedGallery": "^3.8.1",
"katex": "^0.13.16",
"lightgallery": "^2.2.0-beta.0",
"marked": "^3.0.2",
"mermaid": "^8.12.0",
"ng-recaptcha3": "^1.3.2",
"ngx-autosize": "^1.8.4",
"ngx-clipboard": "^14.0.1",
"ngx-gallery-9": "^1.0.6",
"ngx-infinite-scroll": "^10.0.1",
"ngx-markdown": "^11.1.3",
"ngx-pagination": "^5.1.1",
"ngx-sharebuttons": "^9.0.0",
"popper.js": "^1.16.1",
"primeicons": "^4.1.0",
"primeng": "^12.0.0-rc.1",
"propper": "^1.0.4",
"rxjs": "~6.6.0",
"save": "^2.4.0",
"tslib": "^2.0.0",
"uuid": "^8.3.2",
"zone.js": "~0.10.2"
}

下面是使用的angular版本

Angular CLI: 11.2.14
Node: 14.16.1
OS: linux x64
Angular: 11.2.14
... animations, cli, common, compiler, compiler-cli, core, forms
... localize, platform-browser, platform-browser-dynamic, router
Ivy Workspace: Yes
Package                         Version
---------------------------------------------------------
@angular-devkit/architect       0.1102.14
@angular-devkit/build-angular   0.1102.14
@angular-devkit/core            11.2.14
@angular-devkit/schematics      11.2.14
@angular/cdk                    12.2.4
@angular/fire                   6.1.5
@schematics/angular             11.2.14
@schematics/update              0.1102.14
rxjs                            6.6.7
typescript                      4.0.7

使用"ng server "构建应用程序时我得到以下错误


Error: ./node_modules/ngx-sharebuttons/fesm2015/ngx-sharebuttons-buttons.js 95:10-28
"export 'ɵɵFactoryTarget' (imported as 'i0') was not found in '@angular/core'
Error: ./node_modules/ngx-sharebuttons/fesm2015/ngx-sharebuttons-buttons.js 280:10-28
"export 'ɵɵFactoryTarget' (imported as 'i0') was not found in '@angular/core'
Error: ./node_modules/ngx-sharebuttons/fesm2015/ngx-sharebuttons-buttons.js 410:10-28
"export 'ɵɵFactoryTarget' (imported as 'i0') was not found in '@angular/core'

我正在学习这个教程https://www.eduforbetterment.com/tag/social-share/

您可能已经解决了这个问题,但这是针对可能遇到此问题的所有其他人的。问题是由于ngx-sharebuttons版本,最新版本是针对Angular 12的,在我的情况下,我使用的是Angular 11版本,有同样的问题。

我通过安装ngx-sharebuttons版本8.0.5解决了这个问题。

希望对大家有所帮助。

解决方案是检查angular的版本和ngx-sharebuttons的版本是否兼容。

我使用的是angular 11和最新版本的ngx-sharebuttons不工作,然后我卸载了该版本,安装版本8.1后,我停止并再次运行服务器,它工作完美

最新更新