无法解析“@angular/material/typings/”

Question

我正在一个 angular 项目中进行测试，但在这两个测试文件中出现错误：

https://pastebin.com/bttxWtQT

https://pastebin.com/7VkirsF3

这是我按 npm test https://pastebin.com/ncTg4WXM时得到的错误

请告诉我你对此的看法

我试过了：

npm install --save @angular/material

npm install --save @angular/cdk

ng add @angular/material

npm install --save @angular/typings

npm install typings

npm install types

但没有一个工作

错误消息的摘录：

ERROR in ./src/app/app.component.spec.ts
Module not found: Error: Can't resolve '@angular/material/typings'     in '/home/alpha/git/epitome/src/app'
resolve '@angular/material/typings' in     '/home/alpha/git/epitome/src/app'
  Parsed request is a module
  using description file: /home/alpha/git/epitome/package.json     (relative path: ./src/app)
    Field 'browser' doesn't contain a valid alias configuration
    resolve as module
      looking for modules in /home/alpha/git/epitome/
        using description file:     /home/alpha/git/epitome/package.json (relative path: .)
          Field 'browser' doesn't contain a valid alias     configuration
          using description file:     /home/alpha/git/epitome/package.json (relative path:     ./@angular/material/typings)
            no extension
              Field 'browser' doesn't contain a valid alias     configuration
              /home/alpha/git/epitome/@angular/material/typings     doesn't exist
            .ts

Answer 1

您似乎使用了错误的导入。如果您检查的官方材料API为sidenav你可以看到，进口实际上应该import {MatSidenavModule} from '@angular/material/sidenav';代替import {MatSidenavModule} from '@angular/material/typings/sidenav';。

请注意第一次导入中缺少的类型。