Angular 10/11 添加 ngx-sharebuttons 得到“export 'ɵɵFactoryTarget' (imported as 'i0') was not found in '@angular/core'

Question

我正在尝试在我的 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 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 serve”构建应用时出现以下错误

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/

Answer 1

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

我正在使用 Angular 11 和最新版本的 ngx-sharebuttons 不工作，然后我卸载了那个版本，安装 8.1 版后，我停止并再次运行服务器，它运行良好

Answer 2

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

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

希望这会对某人有所帮助。