reactjs - 无法使用传单反应构建 SPFX 项目
问题描述
安装传单反应后,Gulp 服务失败。我尝试了几个 Typescript 版本,但仍然失败并出现以下错误:
[10:57:47] 错误 - [tsc] ../node_modules/@react-leaflet/core/types/index.d.ts(3,1):错误 TS1128:需要声明或声明。[10:57:47] 错误 - [tsc] ../node_modules/@react-leaflet/core/types/index.d.ts(3,13): error TS1005: ';' 预期的。[10:57:47] 错误 - [tsc] ../node_modules/@react-leaflet/core/types/index.d.ts(3,40): error TS1005: ';' 预期的。[10:57:47] 错误 - [tsc] ../node_modules/@react-leaflet/core/types/index.d.ts(6,1):错误 TS1128:需要声明或声明。[10:57:47] 错误 - [tsc] ../node_modules/@react-leaflet/core/types/index.d.ts(6,13): error TS1005: ';' 预期的。[10:57:47] 错误 - [tsc] ../node_modules/@react-leaflet/core/types/index.d.ts(6,46): error TS1005: ';' 预期的。[10:57:48] 错误 - [tsc] ../node_modules/@react-leaflet/core/types/index.d.ts(9,1):错误 TS1128:预期声明或声明。[10:57:48] 错误 - [tsc] ../node_modules/@react-leaflet/core/types/index.d.ts(9,13): 错误 TS1005: ';' 预期的。[10:57:48] 错误 - [tsc] ../node_modules/@react-leaflet/core/types/index.d.ts(9,69):错误 TS1109:预期表达式。[10:57:48] 错误 - [tsc] ../node_modules/@react-leaflet/core/types/index.d.ts(9,76): 错误 TS1005: ';' 预期的。[10:57:48] 错误 - [tsc] ../node_modules/@react-leaflet/core/types/index.d.ts(12,1):错误 TS1128:需要声明或声明。[10:57:48] 错误 - [tsc] ../node_modules/@react-leaflet/core/types/index.d.ts(12,13): 错误 TS1005: ';' 预期的。[10:57:48] 错误 - [tsc] ../node_modules/@react-leaflet/core/types/index.d.ts(12,50): 错误 TS1005: ';' 预期的。[10:57:48] 错误 - [tsc] ../node_modules/@react-leaflet/core/types/index.d.ts(14,1):错误 TS1128:需要声明或声明。[10:57:48] 错误 - [tsc] ../node_modules/@react-leaflet/core/types/index.d.ts(14,13): error TS1005: ';' 预期的。[10:57:48] 错误 - [tsc] ../node_modules/@react-leaflet/core/types/index.d.ts(14,35): 错误 TS1005: ';' 预期的。[10:57:48] 错误 - [tsc] ../node_modules/@react-leaflet/core/types/index.d.ts(18,1):错误 TS1128:需要声明或声明。[10:57:48] 错误 - [tsc] ../node_modules/@react-leaflet/core/types/index.d.ts(18,13): 错误 TS1005: ';' 预期的。[10:57:48] 错误 - [tsc] ../node_modules/@react-leaflet/core/types/index.d.ts(18,56): error TS1005: ';' 预期的。[10:57:48] 错误 - [tsc] ../node_modules/@react-leaflet/core/types/index.d.ts(20,1):错误 TS1128:需要声明或声明。[10:57:48] 错误 - [tsc] .. /node_modules/@react-leaflet/core/types/index.d.ts(20,13): 错误 TS1005: ';' 预期的。[10:57:48] 错误 - [tsc] ../node_modules/@react-leaflet/core/types/index.d.ts(20,40): 错误 TS1005: ';' 预期的。[10:57:48] 错误 - [tsc] ../node_modules/@react-leaflet/core/types/index.d.ts(23,1):错误 TS1128:需要声明或声明。[10:57:48] 错误 - [tsc] ../node_modules/@react-leaflet/core/types/index.d.ts(23,13): error TS1005: ';' 预期的。[10:57:48] 错误 - [tsc] ../node_modules/@react-leaflet/core/types/index.d.ts(23,32): error TS1005: ';' 预期的。[10:57:48] 错误 - [tsc] ../node_modules/react-leaflet/types/CircleMarker.d.ts(2,13): 错误 TS1005: '=' 预期。[10:57:48] 错误 - [tsc] ../node_modules/react-leaflet/types/CircleMarker.d.ts(2,40): 错误 TS1005: ';' 预期的。[10:57:48] 错误 - [tsc] ../node_modules/react-leaflet/types/CircleMarker.d.ts(4,1):错误 TS1128:需要声明或声明。[10:57:48] 错误 - [tsc] ../node_modules/react-leaflet/types/CircleMarker.d.ts(4,13): 错误 TS1005: ';' 预期的。[10:57:48] 错误 - [tsc] ../node_modules/react-leaflet/types/CircleMarker.d.ts(4,40): 错误 TS1005: ';' 预期的。[10:57:48] 错误 - [tsc] ../node_modules/react-leaflet/types/index.d.ts(3,1):错误 TS1128:需要声明或声明。[10:57:48] 错误 - [tsc] ../node_modules/react-leaflet/types/index.d.ts(3,13): error TS1005: ';' 预期的。[10:57:48] 错误 - [tsc] ../node_modules/react-leaflet/types/index.d.ts(3,46): error TS1005: ';' 预期的。[10:57:48] 错误 - [tsc] ../node_modules/react-leaflet/types/index.d.ts(5,1):错误 TS1128:需要声明或声明。[10:57:48] 错误 - [tsc] ../node_modules/react-leaflet/types/index.d.ts(5,13): error TS1005: ';' 预期的。[10:57:48] 错误 - [tsc] ../node_modules/react-leaflet/types/index.d.ts(5,34): error TS1005: ';' 预期的。[10:57:48] 错误 - [tsc] ../node_modules/react-leaflet/types/index.d.ts(7,1):错误 TS1128:需要声明或声明。[10:57:48] 错误 - [tsc] ../node_modules/react-leaflet/types/index.d.ts(7,13): error TS1005: ';' 预期的。[10:57:48] 错误 - [tsc] ../node_modules/react-leaflet/types/index.d.ts(7,40): error TS1005: ';' 预期的。[10:57:48] 错误 - [tsc] ../node_modules/react-leaflet/types/index.d.ts(9,1):错误 TS1128:需要声明或声明。[10:57:48] 错误 - [tsc] ../node_modules/react-leaflet/types/index.d.ts(9,13): error TS1005: ';' 预期的。[10:57:48] 错误 - [tsc] .. /node_modules/react-leaflet/types/index.d.ts(9,40): 错误 TS1005: ';' 预期的。[10:57:48] 错误 - [tsc] ../node_modules/react-leaflet/types/index.d.ts(11,1):错误 TS1128:需要声明或声明。[10:57:48] 错误 - [tsc] ../node_modules/react-leaflet/types/index.d.ts(11,13): error TS1005: ';' 预期的。[10:57:48] 错误 - [tsc] ../node_modules/react-leaflet/types/index.d.ts(11,35): error TS1005: ';' 预期的。[10:57:48] 错误 - [tsc] ../node_modules/react-leaflet/types/index.d.ts(13,1):错误 TS1128:需要声明或声明。[10:57:48] 错误 - [tsc] ../node_modules/react-leaflet/types/index.d.ts(13,13): error TS1005: ';' 预期的。[10:57:48] 错误 - [tsc] ../node_modules/react-leaflet/types/index.d.ts(13,40): 错误 TS1005: ';' 预期的。[10:57:48] 错误 - [tsc] .. /node_modules/react-leaflet/types/index.d.ts(15,1):错误 TS1128:需要声明或声明。[10:57:48] 错误 - [tsc] ../node_modules/react-leaflet/types/index.d.ts(15,13): error TS1005: ';' 预期的。[10:57:48] 错误 - [tsc] ../node_modules/react-leaflet/types/index.d.ts(15,38): error TS1005: ';' 预期的。[10:57:48] 错误 - [tsc] ../node_modules/react-leaflet/types/index.d.ts(17,1):错误 TS1128:需要声明或声明。[10:57:48] 错误 - [tsc] ../node_modules/react-leaflet/types/index.d.ts(17,13): error TS1005: ';' 预期的。[10:57:48] 错误 - [tsc] ../node_modules/react-leaflet/types/index.d.ts(17,63): error TS1005: ';' 预期的。[10:57:48] 错误 - [tsc] ../node_modules/react-leaflet/types/index.d.ts(19,1):错误 TS1128:需要声明或声明。[10:57:48] 错误 - [tsc] .. /node_modules/react-leaflet/types/index.d.ts(19,13): 错误 TS1005: ';' 预期的。[10:57:48] 错误 - [tsc] ../node_modules/react-leaflet/types/index.d.ts(19,39): error TS1005: ';' 预期的。[10:57:48] 错误 - [tsc] ../node_modules/react-leaflet/types/index.d.ts(21,1):错误 TS1128:预期声明或声明。[10:57:48] 错误 - [tsc] ../node_modules/react-leaflet/types/index.d.ts(21,13): error TS1005: ';' 预期的。[10:57:48] 错误 - [tsc] ../node_modules/react-leaflet/types/index.d.ts(21,40): error TS1005: ';' 预期的。[10:57:48] 错误 - [tsc] ../node_modules/react-leaflet/types/index.d.ts(23,1):错误 TS1128:需要声明或声明。[10:57:48] 错误 - [tsc] ../node_modules/react-leaflet/types/index.d.ts(23,13): error TS1005: ';' 预期的。[10:57:48] 错误 - [tsc] .. /node_modules/react-leaflet/types/index.d.ts(23,34): 错误 TS1005: ';' 预期的。[10:57:48] 错误 - [tsc] ../node_modules/react-leaflet/types/index.d.ts(25,1):错误 TS1128:需要声明或声明。[10:57:48] 错误 - [tsc] ../node_modules/react-leaflet/types/index.d.ts(25,13): error TS1005: ';' 预期的。[10:57:48] 错误 - [tsc] ../node_modules/react-leaflet/types/index.d.ts(25,32): error TS1005: ';' 预期的。[10:57:48] 错误 - [tsc] ../node_modules/react-leaflet/types/index.d.ts(27,1):错误 TS1128:需要声明或声明。[10:57:48] 错误 - [tsc] ../node_modules/react-leaflet/types/index.d.ts(27,13): error TS1005: ';' 预期的。[10:57:48] 错误 - [tsc] ../node_modules/react-leaflet/types/index.d.ts(27,35): error TS1005: ';' 预期的。[10:57:48] 错误 - [tsc] .. /node_modules/react-leaflet/types/index.d.ts(29,1):错误 TS1128:需要声明或声明。[10:57:48] 错误 - [tsc] ../node_modules/react-leaflet/types/index.d.ts(29,13): error TS1005: ';' 预期的。[10:57:48] 错误 - [tsc] ../node_modules/react-leaflet/types/index.d.ts(29,36): error TS1005: ';' 预期的。[10:57:48] 错误 - [tsc] ../node_modules/react-leaflet/types/index.d.ts(31,1):错误 TS1128:需要声明或声明。[10:57:48] 错误 - [tsc] ../node_modules/react-leaflet/types/index.d.ts(31,13): error TS1005: ';' 预期的。[10:57:48] 错误 - [tsc] ../node_modules/react-leaflet/types/index.d.ts(31,33): error TS1005: ';' 预期的。[10:57:48] 错误 - [tsc] ../node_modules/react-leaflet/types/index.d.ts(33,1):错误 TS1128:需要声明或声明。[10:57:48] 错误 - [tsc] .. /node_modules/react-leaflet/types/index.d.ts(33,13): 错误 TS1005: ';' 预期的。[10:57:48] 错误 - [tsc] ../node_modules/react-leaflet/types/index.d.ts(33,37): error TS1005: ';' 预期的。[10:57:48] 错误 - [tsc] ../node_modules/react-leaflet/types/index.d.ts(35,1):错误 TS1128:需要声明或声明。[10:57:48] 错误 - [tsc] ../node_modules/react-leaflet/types/index.d.ts(35,13): error TS1005: ';' 预期的。[10:57:48] 错误 - [tsc] ../node_modules/react-leaflet/types/index.d.ts(35,40): error TS1005: ';' 预期的。[10:57:48] 错误 - [tsc] ../node_modules/react-leaflet/types/index.d.ts(37,1):错误 TS1128:需要声明或声明。[10:57:48] 错误 - [tsc] ../node_modules/react-leaflet/types/index.d.ts(37,13): error TS1005: ';' 预期的。[10:57:48] 错误 - [tsc] .. /node_modules/react-leaflet/types/index.d.ts(37,38): 错误 TS1005: ';' 预期的。[10:57:48] 错误 - [tsc] ../node_modules/react-leaflet/types/index.d.ts(39,1):错误 TS1128:需要声明或声明。[10:57:48] 错误 - [tsc] ../node_modules/react-leaflet/types/index.d.ts(39,13): error TS1005: ';' 预期的。[10:57:48] 错误 - [tsc] ../node_modules/react-leaflet/types/index.d.ts(39,37): error TS1005: ';' 预期的。[10:57:48] 错误 - [tsc] ../node_modules/react-leaflet/types/index.d.ts(41,1):错误 TS1128:需要声明或声明。[10:57:48] 错误 - [tsc] ../node_modules/react-leaflet/types/index.d.ts(41,13): error TS1005: ';' 预期的。[10:57:48] 错误 - [tsc] ../node_modules/react-leaflet/types/index.d.ts(41,35): error TS1005: ';' 预期的。[10:57:48] 错误 - [tsc] .. /node_modules/react-leaflet/types/index.d.ts(43,1):错误 TS1128:需要声明或声明。[10:57:48] 错误 - [tsc] ../node_modules/react-leaflet/types/index.d.ts(43,13): error TS1005: ';' 预期的。[10:57:48] 错误 - [tsc] ../node_modules/react-leaflet/types/index.d.ts(43,40): error TS1005: ';' 预期的。[10:57:48] 错误 - [tsc] ../node_modules/react-leaflet/types/index.d.ts(45,1):错误 TS1128:需要声明或声明。[10:57:48] 错误 - [tsc] ../node_modules/react-leaflet/types/index.d.ts(45,13): error TS1005: ';' 预期的。[10:57:48] 错误 - [tsc] ../node_modules/react-leaflet/types/index.d.ts(45,40): error TS1005: ';' 预期的。[10:57:48] 错误 - [tsc] ../node_modules/react-leaflet/types/index.d.ts(47,1):错误 TS1128:需要声明或声明。[10:57:48] 错误 - [tsc] .. /node_modules/react-leaflet/types/index.d.ts(47,13): 错误 TS1005: ';' 预期的。[10:57:48] 错误 - [tsc] ../node_modules/react-leaflet/types/index.d.ts(47,39): error TS1005: ';' 预期的。
谢谢你的帮助
解决方案
未知您尝试使用的 SPFx 版本,但似乎该包需要 TypeScript v4+ ( ref )。
AFAIK,SPFx 目前不支持 TypeScript v4,仅支持 TS v3.9。
推荐阅读
- javascript - 我们如何在条形图的条形图上添加文本?
- node.js - 如何在单个液滴上将不同的 MERN 应用程序部署到数字海洋?
- java - Resources$NotFoundException: 字符串资源 ID #0x0
- powershell - 非英文系统上的New-SMBShare
- java - 如何安全地将 java Object 转换为泛型集合?
- javascript - 在 CoreUI 的 CBreadcrumbRouter 中动态更改页面标题
- vue.js - Axios for Vue 无需安装
- c# - 无法使用 DotCover 控制台运行器生成 html 报告
- carousel - 使用 type="carousel" 的 amp-carousel 时,是否有办法解决第一张和最后一张图像之间的空间问题?
- c# - 终端中间件(api 密钥检查)不适用于端点路由