Не удается разрешить '@ angular / material / typings /'

Question

Я делаю тесты в угловом проекте и получаю сообщение об ошибке в этих двух файлах теста:

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';.

Обратите внимание на отсутствующие наборы в первом импорте.