在SharePoint Online中通过SPFx实现FluentUI时Gulp Build报错如何解决

问题原因 #

该报错是由于你安装的Fluent UI版本与当前SPFx项目内置的TypeScript编译器版本不兼容导致的，高版本Fluent UI采用了新版TS语法特性，旧版TS编译器无法识别就会抛出此类语法错误。

解决方法 #

方案1（推荐：版本对齐） #

• 若你使用的是SPFx 1.12~1.15版本，卸载当前已安装的高版本Fluent UI，安装适配的指定版本：

  npm uninstall @fluentui/react
  npm install @fluentui/react@7.199.1
  

• 删除项目根目录下的node_modules文件夹和package-lock.json文件
• 重新执行依赖安装命令：npm install
• 安装完成后再次执行gulp build即可正常编译

方案2（临时绕过） #

如果暂时不想调整Fluent UI版本，可以在项目根目录的tsconfig.json文件中，找到compilerOptions配置项，新增如下参数：

"skipLibCheck": true

该配置会跳过第三方依赖包的类型定义文件检查，可直接绕过当前报错。

内容的提问来源于stack exchange，提问作者Kailash Sahoo