Ошибка TS2314: для универсального типа «ɵɵComponentDeclaration» требуется 7 аргументов типа

Я пытаюсь использовать значки Font-awesome в своем приложении Angular-13, всякий раз, когда я пытаюсь использовать <fa-icon [icon] = "[someIconName]"></fa-icon>, он выдает следующие ошибки. Я не могу использовать какие-либо значки с потрясающими шрифтами. Пожалуйста, помогите мне с этим. Далее я удалил папку node_module, а затем переустановил ее, но не смог это исправить.

./node_modules/bootstrap/dist/css/bootstrap.min.css.webpack[javascript/auto]!=!./node_modules/css-loader/dist/cjs.js??ruleSet1.rules[5].rules[0].oneOf[0].use1!./node_modules/postcss-loader/dist/cjs.js??ruleSet1.rules[5].rules[0].oneOf[0].use[2]!./node_modules/bootstrap/dist/css/bootstrap.min.css

  • Warning: Module Warning (from ./node_modules/postcss-loader/dist/cjs.js): Warning

(6:29521) autoprefixer: Replace color-adjust to print-color-adjust. The color-adjust shorthand is currently deprecated.

./node_modules/@fortawesome/angular-fontawesome/fesm2015/angular-fontawesome.mjs

  • Error: Module build failed (from ./node_modules/@angular-devkit/build-angular/src/babel/webpack-loader.js): TypeError: Cannot create property 'message' on string 'C:\Users\ALTrakesg2\Downloads\Employee-feedback-management-system\frontend\node_modules@fortawesome\angular-fontawesome\fesm2015\angular-fontawesome.mjs: This application depends upon a library published using Angular version 14.0.0, which requires Angular version 14.0.0 or newer to work correctly. Consider upgrading your application to use a more recent version of Angular. 134 | } 135 | FaStackItemSizeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: FaStackItemSizeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });

136 | FaStackItemSizeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.0", type: FaStackItemSizeDirective, selector: "fa-icon[stackItemSize],fa-duotone-icon[stackItemSize]", inputs: { stackItemSize: "stackItemSize", size: "size" }, usesOnChanges: true, ngImport: i0 }); | ^^^^^^^^^^9m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^9m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^9m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 137 | i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: FaStackItemSizeDirective, decorators: [{ 138 | type: Directive, 139 | args: [{' at run (C:\Users\ALTrakesg2\Downloads\Employee-feedback-management-system\frontend\node_modules@babel\core\lib\transformation\index.js:37:15) at run.next () at Function.transform (C:\Users\ALTrakesg2\Downloads\Employee-feedback-management-system\frontend\node_modules@babel\core\lib\transform.js:25:41) at transform.next () at step (C:\Users\ALTrakesg2\Downloads\Employee-feedback-management-system\frontend\node_modules\gensync\index.js:261:32) at C:\Users\ALTrakesg2\Downloads\Employee-feedback-management-system\frontend\node_modules\gensync\index.js:273:13 at async.call.result.err.err (C:\Users\ALTrakesg2\Downloads\Employee-feedback-management-system\frontend\node_modules\gensync\index.js:223:11) at C:\Users\ALTrakesg2\Downloads\Employee-feedback-management-system\frontend\node_modules\gensync\index.js:37:40

Error: node_modules/@fortawesome/angular-fontawesome/icon/duotone-icon.component.d.ts:54:18

  • error TS2314: Generic type 'ɵɵComponentDeclaration' requires 7 type argument(s).

54 static ɵcmp: i0.ɵɵComponentDeclaration<FaDuotoneIconComponent, "fa-duotone-icon", never, { "swapOpacity": "swapOpacity"; "primaryOpacity": "primaryOpacity"; "secondaryOpacity": "secondaryOpacity"; "primaryColor": "primaryColor"; "secondaryColor": "secondaryColor"; }, {}, never, never, false>; ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Error: node_modules/@fortawesome/angular-fontawesome/icon/icon.component.d.ts:66:18

  • error TS2314: Generic type 'ɵɵComponentDeclaration' requires 7 type argument(s).

66 static ɵcmp: i0.ɵɵComponentDeclaration<FaIconComponent, "fa-icon", never, { "icon": "icon"; "title": "title"; "spin": "spin"; "pulse": "pulse"; "mask": "mask"; "styles": "styles"; "flip": "flip"; "size": "size"; "pull": "pull"; "border": "border"; "inverse": "inverse"; "symbol": "symbol"; "rotate": "rotate"; "fixedWidth": "fixedWidth"; "classes": "classes"; "transform": "transform"; "a11yRole": "a11yRole"; }, {}, never, never, false>; ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Error: node_modules/@fortawesome/angular-fontawesome/layers/layers-counter.component.d.ts:20:18

  • error TS2314: Generic type 'ɵɵComponentDeclaration' requires 7 type argument(s).

20 static ɵcmp: i0.ɵɵComponentDeclaration<FaLayersCounterComponent, "fa-layers-counter", never, { "content": "content"; "title": "title"; "styles": "styles"; "classes": "classes"; "position": "position"; }, {}, never, never, false>; ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Error: node_modules/@fortawesome/angular-fontawesome/layers/layers-text.component.d.ts:32:18

  • error TS2314: Generic type 'ɵɵComponentDeclaration' requires 7 type argument(s).

32 static ɵcmp: i0.ɵɵComponentDeclaration<FaLayersTextComponent, "fa-layers-text", never, { "content": "content"; "title": "title"; "styles": "styles"; "classes": "classes"; "spin": "spin"; "pulse": "pulse"; "flip": "flip"; "size": "size"; "pull": "pull"; "border": "border"; "inverse": "inverse"; "rotate": "rotate"; "fixedWidth": "fixedWidth"; "transform": "transform"; }, {}, never, never, false>; ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Error: node_modules/@fortawesome/angular-fontawesome/layers/layers.component.d.ts:18:18

  • error TS2314: Generic type 'ɵɵComponentDeclaration' requires 7 type argument(s).

18 static ɵcmp: i0.ɵɵComponentDeclaration<FaLayersComponent, "fa-layers", never, { "size": "size"; "fixedWidth": "fixedWidth"; }, {}, never, ["*"], false>; ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Error: node_modules/@fortawesome/angular-fontawesome/stack/stack-item-size.directive.d.ts:11:18

  • error TS2314: Generic type 'ɵɵDirectiveDeclaration' requires 6 type argument(s).

11 static ɵdir: i0.ɵɵDirectiveDeclaration<FaStackItemSizeDirective, "fa-icon[stackItemSize],fa-duotone-icon[stackItemSize]", never, { "stackItemSize": "stackItemSize"; "size": "size"; }, {}, never, never, false>; ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Error: node_modules/@fortawesome/angular-fontawesome/stack/stack.component.d.ts:18:18

  • error TS2314: Generic type 'ɵɵComponentDeclaration' requires 7 type argument(s).

18 static ɵcmp: i0.ɵɵComponentDeclaration<FaStackComponent, "fa-stack", never, { "size": "size"; }, {}, never, ["*"], false>;

Это package.jsonОшибка TS2314: для универсального типа «ɵɵComponentDeclaration» требуется 7 аргументов типа

Заранее спасибо

🤔 А знаете ли вы, что...
HTML5 включает поддержку локального хранилища данных с использованием Web Storage API.


1
4 919
2

Ответы:

Решено

Довольно сложно угадать ошибку без дополнительной информации, но следуя сообщению об ошибке:

TypeError: Cannot create property 'message' on string 'C:\Users\ALTrakesg2\Downloads\Employee-feedback-management-system\frontend\node_modules\@fortawesome\angular-fontawesome\fesm2015\angular-fontawesome.mjs:Это приложение зависит от библиотеки, опубликованной с использованием Angular версии 14.0.0, для правильной работы которой требуется Angular версии 14.0.0 или новее.

Похоже, вам нужно обновить Angular версию, чтобы использовать текущую @fortawesome версию библиотеки.


Для Angular 13 используйте:

ng add @fortawesome/[email protected]

Это решит проблему.