堆栈内存溢出
  简体   繁体   English

spfx 项目中 react-bootstrap 的 tsc 错误

[英]tsc errors for react-bootstrap in spfx project

 原文  2021-12-05 13:23:04  0   1    reactjs/ typescript/ sharepoint/ react-bootstrap/ spfx

问题描述

I've scaffolded an SPFX Project using Yeoman generator and added react-bootstrap as a dependency.我使用 Yeoman 生成器搭建了一个 SPFX 项目，并添加了 react-bootstrap 作为依赖项。

Whenever I use any of the react-bootstrap component and gulp serve it, I get the below errors.每当我使用任何 react-bootstrap 组件和 gulp 服务它时，我都会收到以下错误。 Has anyone got clue on how to resolve this?有没有人知道如何解决这个问题？ Thanks.谢谢。

**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**

1 个解决方案

解决方案1
 0  2021-12-06 08:09:28

The current release of @microsoft/generator-sharepoint defaults to TypeScript 3.7. @microsoft/generator-sharepoint 的当前版本默认为 TypeScript 3.7。 This causes build breaks when customers use libraries that have been written on newer releases.当客户使用在较新版本上编写的库时，这会导致构建中断。 Please update the default installed compiler to 3.9 or greater.请将默认安装的编译器更新到 3.9 或更高版本。

Fluent UI has a minimum requirement of TS 3.9 (published May 2020.) When using language features in TS 3.9, they cause issues with customers on older releases. Fluent UI 的最低要求为 TS 3.9（2020 年 5 月发布）。在 TS 3.9 中使用语言功能时，它们会在旧版本上引起客户问题。 Subsequently customers using the yeoman template to generate a webpart will hit TypeScript issues using libraries like Fluent UI.随后，使用 yeoman 模板生成 webpart 的客户将使用 Fluent UI 等库遇到 TypeScript 问题。

Customers can work around this by replacing @microsoft/rush-stack-compiler-3.7 with @microsoft/rush-stack-compiler-3.9.客户可以通过将@microsoft/rush-stack-compiler-3.7 替换为@microsoft/rush-stack-compiler-3.9 来解决此问题。

Please run following cmdlet请运行以下 cmdlet

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

and update tsconfig并更新 tsconfig

暂无
暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 如何在打字稿项目中使用 react-bootstrap - How to use react-bootstrap in typescript project 引导和反应引导 - Bootstrap and react-bootstrap 如何在我的反应项目中全局导入反应引导类？ - How to import react-bootstrap classes globally in my react project? 带有React-Bootstrap的Webpack，有很多“未找到模块”错误 - Webpack with React-Bootstrap, lots of 'Module Not Found' errors 即使在将@types/react-bootstrap 添加到我的项目后，也无法在反应 typescript 项目中使用 react-bootstrap - Unable to use react-bootstrap in react typescript project even after adding @types/react-bootstrap to my project React-Bootstrap未安装 - React-bootstrap not installing React-bootstrap 还是 mdbootsrap？ - React-bootstrap or mdbootsrap? React-Bootstrap 选项卡 - React-Bootstrap tabs 与 React-Bootstrap 对齐 - Alignment with React-Bootstrap React-Bootstrap中的卡片 - Cards in React-Bootstrap
相关标签
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM