React项目使用@microsoft/sp-dialog构建时出现TS1005错误求助

这个问题大概率是依赖版本不兼容导致的——你安装的@microsoft/sp-dialog自带的@microsoft/sp-core-library版本，和你项目原本使用的版本不一致，两者的TypeScript类型定义语法出现了冲突（比如新版本用了旧版TS不支持的语法）。

下面是具体的解决步骤：

• 第一步：排查版本冲突
  先执行这个命令查看依赖树，确认@microsoft/sp-core-library的版本差异：

  npm ls @microsoft/sp-core-library
  

  你会看到项目根依赖的版本，以及@microsoft/sp-dialog子依赖的版本，两者大概率不一样。

• 第二步：统一依赖版本
  这里有两种可靠的方式：

  1. 安装匹配项目版本的sp-dialog
     找到你项目package.json里@microsoft/sp-core-library的版本号（比如1.14.0），然后安装对应版本的sp-dialog：

     npm install @microsoft/sp-dialog@<你的sp-core-library版本号> --save
     

     比如你的核心库是1.14.0，就执行npm install @microsoft/sp-dialog@1.14.0 --save

  2. 强制统一子依赖版本
     如果用的是npm 8及以上版本，可以在package.json里添加overrides字段，强制让@microsoft/sp-dialog使用项目根目录的sp-core-library版本：

     "overrides": {
       "@microsoft/sp-dialog": {
         "@microsoft/sp-core-library": "<你的项目中sp-core-library版本号>"
       }
     }
     

     如果你用Yarn的话，换成resolutions字段即可。

• 第三步：清理缓存并重装依赖
  执行以下命令彻底清理旧依赖：

  npm cache clean --force
  rm -rf node_modules package-lock.json # Windows系统请替换为：rmdir /s /q node_modules && del package-lock.json
  npm install
  

• 第四步：重新构建项目
  最后执行清理和构建命令：

  gulp clean && gulp build
  

这样应该就能解决那个TS1005的语法错误了。

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