angularjs - 模块 'angular' 没有导出成员 'material'

Question

我正在尝试将 Angular 1 与 Typescript 结合使用。我正在使用 npm @types 来获取我的类型声明文件。 Webstorm 识别类型定义，但是当我运行 tsc输出如下:

node_modules/@types/angular-material/index.d.ts(6,26): error TS2307: Cannot find module 'angular'.
node_modules/@types/angular-ui-router/index.d.ts(6,26): error TS2307: Cannot find module 'angular'.
src/core.config.ts(9,68): error TS2305: Module 'angular' has no exported member 'ui'.
src/core.config.ts(19,16): error TS2339: Property 'name' does not exist on type '{}'.
src/core.config.ts(37,43): error TS2305: Module 'angular' has no exported member 'ui'.
src/core.controller.ts(6,80): error TS2305: Module 'angular' has no exported member 'material'.

我的 tsconfig 文件如下所示:

{
 "compilerOptions": {
  "module": "system",
  "noImplicitAny": true,
  "removeComments": true,
  "preserveConstEnums": true,
  "outFile": "out.min.js",
  "sourceMap": true,
  "typeRoots": [
   "./node_modules/@types"
  ],
 "types": [
  "angular",
  "angular-material",
  "angular-ui-router"
 ]
},
"files": ["file.ts"]
}

我尝试为定义文件添加引用路径 ( /// <reference path="node_modules/@types/angular-material/index.d.ts" /> )，但没有帮助。我觉得我做错了什么，但我找不到是什么。有人知道我错过了什么吗？

编辑

我发现只有在使用 tsconfig.json 文件进行编译时才会出现错误。当我使用 tsc core.config.ts ，没有错误，但是在我的 tsconfig 文件中使用 files: ["core.config.ts"] 我得到了与上面相同的错误。

Answer 1

改变

// <reference path="node_modules/@types/angular-material/index.d.ts" />

到

/// <reference types="angular" />
/// <reference types="angular-material" />

并为您引用的各种模块添加额外的行。

不幸的是，目前还没有这方面的官方文档，但它在待办事项列表中。 https://github.com/Microsoft/TypeScript-Handbook/issues/348