angular - 无法解析 '@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

您似乎使用了错误的导入。如果您检查 official material API对于 sidenav，您可以看到导入实际上应该是 import {MatSidenavModule} from '@angular/material/sidenav'; 而不是 import {MatSidenavModule} from '@angular/material/typings/sidenav';.

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