Angular: node_modules/@angular/material/index.d.ts' is not a module

Question

I'm trying to use angular material to implement an autocomplete but I'm getting the error

ERROR in app.module.ts:22:8 - error TS2306: File '/home/user/MedvibesWebRepo/medvibes/medvibes-web/medvibes/medvibes-main-web/src/main/webapp/node_modules/@angular/material/index.d.ts' is not a module.

22 } from '@angular/material/';
      ~~~~~~~~~~~~~~~~~~~~

index.d.ts only contains comments and I checked app.module.ts's 22nd line and it doesn't contain '@angular/material/'; I don't understand where the 22 } from '@angular/material/'; error comes from? How to fix this issue?

Peter Huang · Accepted Answer · 2020-03-02 19:39:53Z

3

I think this is related to how to import module from angular/material.

For example: if you want to import MatSliderModule:

for angular 9,

import { MatSliderModule } from '@angular/material/slider';

in angular 8 or below, you can still do

import { MatSliderModule } from '@angular/material';

answered Mar 2, 2020 at 19:39

Peter Huang

1,2655 gold badges14 silver badges39 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

hrishi007 Over a year ago

but any shortcut for that as if we want import multiple module then how to do that ?

Peter Huang Over a year ago

on angular upgrade guild, update.angular.io/#7.0:8.0. if you select I use Angular Material. It says

Instead of importing from @angular/material, you should import deeply from the specific component. E.g. @angular/material/button. ng update will do this automatically for you

vahid tajari · Accepted Answer · 2020-08-13 16:10:13Z

0

IMHO this is related to the Angular version you are using. for example, if you want to import MatSliderModule, for angular 9:

import { MatSliderModule } from '@angular/material/slider';

for earlier versions, you don't need to specify the exact path:

import { MatSliderModule } from '@angular/material';

will do just fine

edited Aug 13, 2020 at 16:10

vahid tajari

1,31313 silver badges23 bronze badges

answered Aug 13, 2020 at 10:54

Noble Williams

1

Collectives™ on Stack Overflow

Angular: node_modules/@angular/material/index.d.ts' is not a module

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related