升级@types/angular 后出现“错误 TS2694：命名空间 'angular' 没有导出成员 'xxx'”

Question

将 angular 和 @types/angular 版本升级到 1.6.x 版后，我有很多 TS2694 错误：

error TS2694: Namespace 'angular' has no exported member 'material'
error TS2694: Namespace 'angular' has no exported member 'ui'
error TS2694: Namespace 'angular' has no exported member 'translate'

这在更改版本号之前工作正常。

什么可能导致问题？

Answer 1

该问题与我的node_modules 中的几个角度类型定义有关。node_modules/@types/angular角度类型在和 中定义node_modules/@types/ng-file-upload/node_modules/@types/angular。

这是因为纱线用不同的版本解析了角度。我在yarn.lock 文件中有两个具有不同分辨率的角度条目：

"@types/angular@*":
  version "1.6.7"
  resolved "https://registry.yarnpkg.com/@types/angular/-/angular-1.6.7.tgz#8935a2b4a796fe7ca4f59f533f467804722fb0c4"
  dependencies:
    "@types/jquery" "*"

"@types/angular@1.6.x":
  version "1.6.32"
  resolved "https://registry.yarnpkg.com/@types/angular/-/angular-1.6.32.tgz#fc791aad038227d9413eb5e552993e1076f8a509"

"@types/ng-file-upload@^11.1.31":
  version "11.1.34"
  resolved "https://registry.yarnpkg.com/@types/ng-file-upload/-/ng-file-upload-11.1.34.tgz#670fd0515c8e08668b27b7bbe30356b3b8011780"
  dependencies:
    "@types/angular" "*"

删除yarn.lock并重新运行yarn install解决了这个问题，但在我的情况下它修改了太多其他依赖项。

使用yarn install --flat 可能已经解决了问题，但我不想改变所有依赖项的解决方式。

所以我通过手动将yarn.lock文件更改为

"@types/angular@*", "@types/angular@1.6.x":
  version "1.6.32"
  resolved "https://registry.yarnpkg.com/@types/angular/-/angular-1.6.32.tgz#fc791aad038227d9413eb5e552993e1076f8a509"

"@types/ng-file-upload@^11.1.31":
  version "11.1.34"
  resolved "https://registry.yarnpkg.com/@types/ng-file-upload/-/ng-file-upload-11.1.34.tgz#670fd0515c8e08668b27b7bbe30356b3b8011780"
  dependencies:
    "@types/angular" "*"

Answer 2

像上面接受的答案一样手动编辑文件给我带来了一些问题。

运行“纱线升级”或更改某些包将恢复手动编辑的更改，我的应用程序将再次损坏。

为了解决这个问题，我向 package.json 添加了一个解决方案，它解决了解决不同版本的问题。

"resolutions": {
  "**/@types/angular": "1.6.20"
 },