spfx项目中反应引导的tsc错误

Question

我已经使用Yeoman生成器搭建了一个SPFX项目，并添加了react引导作为依赖项。

每当我使用任何一个react引导组件并吞食它时，我都会得到以下错误。有人知道怎么解决这个问题吗？谢谢。

**Starting subtask 'tslint'...
[13:10:02] [tslint] tslint version: 5.12.1
[13:10:02] Starting subtask 'tsc'...
[13:10:02] [tsc] typescript version: 3.7.7
[13:10:11] Error - [tsc] node_modules/@popperjs/core/lib/createPopper.d.ts(1,13): error TS1005: '=' expected.
[13:10:11] Error - [tsc] node_modules/@popperjs/core/lib/createPopper.d.ts(1,28): error TS1005: ';' expected.
[13:10:11] Error - [tsc] node_modules/@popperjs/core/lib/createPopper.d.ts(1,33): error TS1005: ';' expected.
[13:10:11] Error - [tsc] node_modules/@popperjs/core/lib/modifiers/applyStyles.d.ts(1,13): error TS1005: '=' expected.
[13:10:11] Error - [tsc] node_modules/@popperjs/core/lib/modifiers/applyStyles.d.ts(1,31): error TS1005: ';' expected.
[13:10:11] Error - [tsc] node_modules/@popperjs/core/lib/modifiers/arrow.d.ts(1,13): error TS1005: '=' expected.
[13:10:11] Error - [tsc] node_modules/@popperjs/core/lib/modifiers/arrow.d.ts(1,46): error TS1005: ';' expected.
[13:10:11] Error - [tsc] node_modules/@popperjs/core/lib/modifiers/arrow.d.ts(2,13): error TS1005: '=' expected.
[13:10:11] Error - [tsc] node_modules/@popperjs/core/lib/modifiers/arrow.d.ts(2,32): error TS1005: ';' expected.
[13:10:11] Error - [tsc] node_modules/@popperjs/core/lib/modifiers/computeStyles.d.ts(1,13): error TS1005: '=' expected.
[13:10:11] Error - [tsc] node_modules/@popperjs/core/lib/modifiers/computeStyles.d.ts(1,67): error TS1005: ';' expected.
[13:10:11] Error - [tsc] node_modules/@popperjs/core/lib/modifiers/eventListeners.d.ts(1,13): error TS1005: '=' expected.
[13:10:11] Error - [tsc] node_modules/@popperjs/core/lib/modifiers/eventListeners.d.ts(1,31): error TS1005: ';' expected.
[13:10:11] Error - [tsc] node_modules/@popperjs/core/lib/modifiers/flip.d.ts(1,13): error TS1005: '=' expected.
[13:10:11] Error - [tsc] node_modules/@popperjs/core/lib/modifiers/flip.d.ts(1,56): error TS1005: ';' expected.
[13:10:11] Error - [tsc] node_modules/@popperjs/core/lib/modifiers/flip.d.ts(2,13): error TS1005: '=' expected.
[13:10:11] Error - [tsc] node_modules/@popperjs/core/lib/modifiers/flip.d.ts(2,40): error TS1005: ';' expected.
[13:10:11] Error - [tsc] node_modules/@popperjs/core/lib/modifiers/hide.d.ts(1,13): error TS1005: '=' expected.
[13:10:11] Error - [tsc] node_modules/@popperjs/core/lib/modifiers/hide.d.ts(1,31): error TS1005: ';' expected.
[13:10:11] Error - [tsc] node_modules/@popperjs/core/lib/modifiers/offset.d.ts(1,13): error TS1005: '=' expected.
[13:10:11] Error - [tsc] node_modules/@popperjs/core/lib/modifiers/offset.d.ts(1,32): error TS1005: ';' expected.
[13:10:11] Error - [tsc] node_modules/@popperjs/core/lib/modifiers/offset.d.ts(2,13): error TS1005: '=' expected.
[13:10:11] Error - [tsc] node_modules/@popperjs/core/lib/modifiers/offset.d.ts(2,46): error TS1005: ';' expected.
[13:10:11] Error - [tsc] node_modules/@popperjs/core/lib/modifiers/popperOffsets.d.ts(1,13): error TS1005: '=' expected.
[13:10:11] Error - [tsc] node_modules/@popperjs/core/lib/modifiers/popperOffsets.d.ts(1,31): error TS1005: ';' expected.
[13:10:11] Error - [tsc] node_modules/@popperjs/core/lib/modifiers/preventOverflow.d.ts(1,13): error TS1005: '=' expected.
[13:10:11] Error - [tsc] node_modules/@popperjs/core/lib/modifiers/preventOverflow.d.ts(1,56): error TS1005: ';' expected.
[13:10:11] Error - [tsc] node_modules/@popperjs/core/lib/modifiers/preventOverflow.d.ts(2,13): error TS1005: '=' expected.
[13:10:11] Error - [tsc] node_modules/@popperjs/core/lib/modifiers/preventOverflow.d.ts(2,46): error TS1005: ';' expected.
[13:10:11] Error - [tsc] node_modules/@popperjs/core/lib/types.d.ts(1,13): error TS1005: '=' expected.
[13:10:11] Error - [tsc] node_modules/@popperjs/core/lib/types.d.ts(1,48): error TS1005: ';' expected.
[13:10:11] Error - [tsc] node_modules/@popperjs/core/lib/types.d.ts(2,13): error TS1005: '=' expected.
[13:10:11] Error - [tsc] node_modules/@popperjs/core/lib/types.d.ts(2,44): error TS1005: ';' expected.
[13:10:11] Error - [tsc] node_modules/@popperjs/core/lib/types.d.ts(3,13): error TS1005: '=' expected.
[13:10:11] Error - [tsc] node_modules/@popperjs/core/lib/types.d.ts(3,35): error TS1005: ';' expected.
[13:10:11] Error - [tsc] node_modules/@popperjs/core/lib/types.d.ts(4,13): error TS1005: '=' expected.
[13:10:11] Error - [tsc] node_modules/@popperjs/core/lib/types.d.ts(4,35): error TS1005: ';' expected.
[13:10:11] Error - [tsc] node_modules/@popperjs/core/lib/types.d.ts(5,13): error TS1005: '=' expected.
[13:10:11] Error - [tsc] node_modules/@popperjs/core/lib/types.d.ts(5,37): error TS1005: ';' expected.
[13:10:11] Error - [tsc] node_modules/@popperjs/core/lib/types.d.ts(6,13): error TS1005: '=' expected.
[13:10:11] Error - [tsc] node_modules/@popperjs/core/lib/types.d.ts(6,45): error TS1005: ';' expected.
[13:10:11] Error - [tsc] node_modules/@popperjs/core/lib/types.d.ts(7,13): error TS1005: '=' expected.
[13:10:11] Error - [tsc] node_modules/@popperjs/core/lib/types.d.ts(7,44): error TS1005: ';' expected.
[13:10:11] Error - [tsc] node_modules/@popperjs/core/lib/types.d.ts(8,13): error TS1005: '=' expected.
[13:10:11] Error - [tsc] node_modules/@popperjs/core/lib/types.d.ts(8,36): error TS1005: ';' expected.
[13:10:11] Error - [tsc] node_modules/@popperjs/core/lib/types.d.ts(9,13): error TS1005: '=' expected.
[13:10:11] Error - [tsc] node_modules/@popperjs/core/lib/types.d.ts(9,46): error TS1005: ';' expected.
[13:10:11] Error - [tsc] node_modules/@popperjs/core/lib/types.d.ts(10,13): error TS1005: '=' expected.
[13:10:11] Error - [tsc] node_modules/@popperjs/core/lib/types.d.ts(10,42): error TS1005: ';' expected.
[13:10:11] Error - [tsc] node_modules/@popperjs/core/lib/utils/detectOverflow.d.ts(1,13): error TS1005: '=' expected.
[13:10:11] Error - [tsc] node_modules/@popperjs/core/lib/utils/detectOverflow.d.ts(1,49): error TS1005: ';' expected.
[13:10:11] Error - [tsc] node_modules/@popperjs/core/lib/utils/detectOverflow.d.ts(2,13): error TS1005: '=' expected.
[13:10:11] Error - [tsc] node_modules/@popperjs/core/lib/utils/detectOverflow.d.ts(2,65): error TS1005: ';' expected.
[13:10:11] Error - 'tsc' sub task errored after 9.02 s 
 exited with code 2**

Answer 1

当前发布的@microsoft/默认为TypeScript 3.7。当客户使用在较新版本上编写的库时，这会导致构建中断。请将默认安装的编译器更新为3.9或更高版本。

Fluent UI的最低要求为TS 3.9 (2020年5月发布)。当在TS 3.9中使用语言特性时，它们会在旧版本中与客户产生问题。随后，使用yeoman模板生成webpart的客户将使用像Fluent UI这样的库来解决TypeScript问题。

客户可以通过将@microsoft/Rus-堆栈编译器-3.7替换为@microsoft/Rus-堆栈编译器-3.9来解决这一问题。

请运行以下cmdlet

 npm uninstall -D @microsoft/rush-stack-compiler-3.7
 npm install -D @microsoft/rush-stack-compiler-3.9

并更新tsconfig。