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

时间:2017-10-10 12:21:53

标签: angular typescript yarnpkg

将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'

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

什么可能导致问题?

3 个答案:

答案 0 :(得分:2)

问题与我的node_modules中的几个角度类型定义有关。角度类型在node_modules/@types/angularnode_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" "*"

答案 1 :(得分:1)

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

运行“纱线升级”或更改某些程序包将还原手动编辑的更改,并且我的应用程序将再次损坏。

要解决此问题,我在package.json中添加了一个解决方案,该决议解决了解决不同版本的问题。

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

答案 2 :(得分:0)

我必须卸载所有节点模块,然后重新安装它们, 用于卸载类型rm -r node_modules clean-node-modules 要安装,只需键入npm install