错误 TS2314：通用类型“??ComponentDeclaration”需要 7 个类型参数

Question

我试图在我的 Angular-13 应用程序中使用 Font-awesome 图标，每当我尝试使用<fa-icon [icon]="[someIconName]"></fa-icon>它时都会抛出以下错误。我无法使用任何字体很棒的图标。请在这件事上给予我帮助。我进一步删除了node_module文件夹，然后重新安装它，但无法修复它。

\n

\n

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

\n

\n
• 警告：模块警告（来自 ./node_modules/postcss-loader/dist/cjs.js）：警告
\n

\n

(6:29521) autoprefixer：将 color-adjust 替换为 print-color-adjust。\n目前不推荐使用 color- adjustment 简写。

\n

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

\n

\n
• 错误：模块构建失败（来自 ./node_modules/@angular-devkit/build-angular/src/babel/webpack-loader.js）：\nTypeError：无法在字符串上创建属性 \'message\'\n\'C: \\Users\\ALTrakesg2\\Downloads\\Employee-feedback-management-system\\frontend\\node_modules@fortawesome\\angular-fontawesome\\fesm2015\\angular-fontawesome.mjs:\n此应用程序依赖于发布的库使用 Angular\n版本 14.0.0，这需要 Angular 版本 14.0.0 或更高版本\n才能正常工作。考虑升级您的应用程序以使用更新\n版本的 Angular。134 | 134 } 135 | FaStackItemSizeDirective.\xc9\xb5fac =\ni0.\xc9\xb5\xc9\xb5ngDeclareFactory({ minVersion: "12.0.0", 版本: "14.0.0",\nngImport: i0, 类型: FaStackItemSizeDirective, deps: [],目标:\ni0.\xc9\xb5\xc9\xb5FactoryTarget.Directive });
\n

\n

\n

136 | 136 FaStackItemSizeDirective.\xc9\xb5dir = i0.\xc9\xb5\xc9\xb5ngDeclareDirective({ minVersion: "14.0.0", 版本: "14.0.0", 类型:\nFaStackItemSizeDirective, 选择器:\n"fa-icon[stackItemSize ],fa-duotone-icon[stackItemSize]", 输入: {\nstackItemSize: "stackItemSize", size: "size" }, useOnChanges: true,\nngImport: i0 });\n| ^^^^^^^^^^^^9m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ^^^^^^^^^^^^^9m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ^^^^^^^^^^^^^^9m^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ^^^^^^^^^^^^^^\n137 | i0.\xc9\xb5\xc9\xb5ngDeclareClassMetadata({ minVersion: "12.0.0", 版本:\n"14.0.0", ngImport: i0, 类型: FaStackItemSizeDirective, 装饰器: [{\n138 | 类型: 指令, 139 | args: [{\'\nat run (C:\\Users\\ALTrakesg2\\Downloads\\Employee-feedback-management-system\\frontend\\node_modules@babel\\core\\lib\\transformation\\ index.js:37:15)\nat run.next ()\nat Function.transform (C:\\Users\\ALTrakesg2\\Downloads\\Employee-feedback-management-system\\frontend\\node_modules@babel\ \core\\lib\\transform.js:25:41)\nat transform.next ()\nat 步骤 (C:\\Users\\ALTrakesg2\\Downloads\\Employee-feedback-management-system\\frontend\ \node_modules\\gensync\\index.js:261:32)\nat C:\\Users\\ALTrakesg2\\Downloads\\Employee-feedback-management-system\\frontend\\node_modules\\gensync\\index.html js:273:13\nat async.call.result.err.err (C:\\Users\\ALTrakesg2\\Downloads\\Employee-feedback-management-system\\frontend\\node_modules\\gensync\\index.html js:223:11)\nat C:\\Users\\ALTrakesg2\\Downloads\\Employee-feedback-management-system\\frontend\\node_modules\\gensync\\index.js:37:40

\n

\n

错误：\nnode_modules/@fortawesome/angular-fontawesome/icon/duotone-icon.component.d.ts:54:18

\n

\n
• 错误 TS2314：通用类型 \'\xc9\xb5\xc9\xb5ComponentDeclaration\' 需要 7 个类型参数。
\n

\n

54 static \xc9\xb5cmp: i0.\xc9\xb5\xc9\xb5ComponentDeclaration<FaDuotoneIconComponent,\n"fa-duotone-icon", never, { "swapOpacity": "swapOpacity";\n"primaryOpacity": "primaryOpacity" ; "二级不透明度":\n"二级不透明度"; “primaryColor”：“primaryColor”；"次要颜色":\n"次要颜色"; }, {}, 从不, 从不, false>;\n~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

\n

错误：\nnode_modules/@fortawesome/angular-fontawesome/icon/icon.component.d.ts:66:18

\n

\n
• 错误 TS2314：通用类型 \'\xc9\xb5\xc9\xb5ComponentDeclaration\' 需要 7 个类型参数。
\n

\n

66 static \xc9\xb5cmp: i0.\xc9\xb5\xc9\xb5ComponentDeclaration<FaIconComponent,\n"fa-icon", never, { "icon": "icon"; “标题”：“标题”；"spin": "spin";\n"pulse": "pulse"; “面具”：“面具”；“风格”：“风格”；"翻转": "翻转";\n"尺寸": "尺寸"; “拉”：“拉”；“边界”：“边界”；"逆":\n"逆"; “符号”：“符号”；“旋转”：“旋转”；"固定宽度":\n"固定宽度"; “类”：“类”；"transform": "transform";\n"a11yRole": "a11yRole"; }, {}, 从不, 从不, false>;\n~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

\n

错误：\nnode_modules/@fortawesome/angular-fontawesome/layers/layers-counter.component.d.ts:20:18

\n

\n
• 错误 TS2314：通用类型 \'\xc9\xb5\xc9\xb5ComponentDeclaration\' 需要 7 个类型参数。
\n

\n

20 static \xc9\xb5cmp:\ni0.\xc9\xb5\xc9\xb5ComponentDeclaration<FaLayersCounterComponent,\n"fa-layers-counter", never, { "content": "content"; "标题": "标题";\n"样式": "样式"; “类”：“类”；“位置”：“位置”；},\n{}, 从不, 从不, false>;\n~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

\n

错误：\nnode_modules/@fortawesome/angular-fontawesome/layers/layers-text.component.d.ts:32:18

\n

\n
• 错误 TS2314：通用类型 \'\xc9\xb5\xc9\xb5ComponentDeclaration\' 需要 7 个类型参数。
\n

\n

32 static \xc9\xb5cmp: i0.\xc9\xb5\xc9\xb5ComponentDeclaration<FaLayersTextComponent,\n"fa-layers-text", never, { "content": "content"; "标题": "标题";\n"样式": "样式"; “类”：“类”；“旋转”：“旋转”；"脉冲":\n"脉冲"; “翻转”：“翻转”；“尺寸”：“尺寸”；“拉”：“拉”；"边框":\n"边框"; "逆": "逆"; “旋转”：“旋转”；"固定宽度":\n"固定宽度"; “转变”：“转变”；}, {}, 从不, 从不, false>;\n~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

\n

错误：\nnode_modules/@fortawesome/angular-fontawesome/layers/layers.component.d.ts:18:18

\n

\n
• 错误 TS2314：通用类型 \'\xc9\xb5\xc9\xb5ComponentDeclaration\' 需要 7 个类型参数。
\n

\n

18 static \xc9\xb5cmp: i0.\xc9\xb5\xc9\xb5ComponentDeclaration<FaLayersComponent,\n"fa-layers", never, { "size": "size"; "固定宽度": "固定宽度"; },\n{}, 从不, ["*"], false>;\n~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ～～～

\n

错误：\nnode_modules/@fortawesome/angular-fontawesome/stack/stack-item-size.directive.d.ts:11:18

\n

\n
• 错误 TS2314：通用类型 \'\xc9\xb5\xc9\xb5DirectiveDeclaration\' 需要 6 个类型参数。
\n

\n

11 static \xc9\xb5dir:\ni0.\xc9\xb5\xc9\xb5DirectiveDeclaration<FaStackItemSizeDirective,\n"fa-icon[stackItemSize],fa-duotone-icon[stackItemSize]", 从不, {\n"stackItemSize": “堆栈项目大小”；“尺寸”：“尺寸”；}, {}, 从不, 从不,\nfalse>;\n~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

\n

错误：\nnode_modules/@fortawesome/angular-fontawesome/stack/stack.component.d.ts:18:18

\n

\n
• 错误 TS2314：通用类型 \'\xc9\xb5\xc9\xb5ComponentDeclaration\' 需要 7 个类型参数。
\n

\n

18 static \xc9\xb5cmp: i0.\xc9\xb5\xc9\xb5ComponentDeclaration<FaStackComponent,\n"fa-stack", never, { "size": "size"; }, {}, 从不, ["*"], false>;

\n

\n

这是package.json\n

\n

先感谢您

\n

Answer 1

如果没有更多信息，很难猜测错误，但根据错误消息：

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版本才能使用当前的@fontawesome库版本。