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

It is changed in updated version of angular i think.
To resolve this issue you need to downgrade the angular/material version

Try to update the angular material (@angular/[email protected]) of this version.

npm uninstall -g @angular/material
npm cache clean --force

npm install -g @angular/material@7

3.5
4
Anand das 90 points

                                    // material.module.ts
import { ModuleWithProviders, NgModule} from "@angular/core";
import { MAT_LABEL_GLOBAL_OPTIONS, MatNativeDateModule, MAT_DATE_LOCALE } from '@angular/material/core';
import { MatIconRegistry } from '@angular/material/icon';
import { MatAutocompleteModule } from '@angular/material/autocomplete';
import { MatBadgeModule } from '@angular/material/badge';
import { MatButtonModule } from '@angular/material/button';
import { MatButtonToggleModule } from '@angular/material/button-toggle';
import { MatCardModule } from '@angular/material/card';
import { MatCheckboxModule } from '@angular/material/checkbox';
import { MatChipsModule } from '@angular/material/chips';
import { MatStepperModule } from '@angular/material/stepper';
import { MatDatepickerModule } from '@angular/material/datepicker';
import { MatDialogModule } from '@angular/material/dialog';
import { MatExpansionModule } from '@angular/material/expansion';
import { MatFormFieldModule } from '@angular/material/form-field';
import { MatGridListModule } from '@angular/material/grid-list';
import { MatIconModule } from '@angular/material/icon';
import { MatInputModule } from '@angular/material/input';
import { MatListModule } from '@angular/material/list';
import { MatMenuModule } from '@angular/material/menu';
import { MatPaginatorModule } from '@angular/material/paginator';
import { MatProgressBarModule } from '@angular/material/progress-bar';
import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
import { MatRadioModule } from '@angular/material/radio';
import { MatRippleModule } from '@angular/material/core';
import { MatSelectModule } from '@angular/material/select';
import { MatSidenavModule } from '@angular/material/sidenav';
import { MatSliderModule } from '@angular/material/slider';
import { MatSlideToggleModule } from '@angular/material/slide-toggle';
import { MatSnackBarModule } from '@angular/material/snack-bar';
import { MatSortModule } from '@angular/material/sort';
import { MatTableModule } from '@angular/material/table';
import { MatTabsModule } from '@angular/material/tabs';
import { MatToolbarModule } from '@angular/material/toolbar';
import { MatTooltipModule } from '@angular/material/tooltip';
import { MatTreeModule } from '@angular/material/tree';

@NgModule({
    imports: [
        MatAutocompleteModule,
        MatBadgeModule,
        MatButtonModule,
        MatButtonToggleModule,
        MatCardModule,
        MatCheckboxModule,
        MatChipsModule,
        MatStepperModule,
        MatDatepickerModule,
        MatDialogModule,
        MatExpansionModule,
        MatFormFieldModule,
        MatGridListModule,
        MatIconModule,
        MatInputModule,
        MatListModule,
        MatMenuModule,
        MatPaginatorModule,
        MatProgressBarModule,
        MatProgressSpinnerModule,
        MatRadioModule,
        MatRippleModule,
        MatSelectModule,
        MatSidenavModule,
        MatSliderModule,
        MatSlideToggleModule,
        MatSnackBarModule,
        MatSortModule,
        MatTableModule,
        MatTabsModule,
        MatToolbarModule,
        MatTooltipModule,
        MatTreeModule,
        MatNativeDateModule
    ],
    exports: [
        MatAutocompleteModule,
        MatBadgeModule,
        MatButtonModule,
        MatButtonToggleModule,
        MatCardModule,
        MatCheckboxModule,
        MatChipsModule,
        MatStepperModule,
        MatDatepickerModule,
        MatDialogModule,
        MatExpansionModule,
        MatFormFieldModule,
        MatGridListModule,
        MatIconModule,
        MatInputModule,
        MatListModule,
        MatMenuModule,
        MatPaginatorModule,
        MatProgressBarModule,
        MatProgressSpinnerModule,
        MatRadioModule,
        MatRippleModule,
        MatSelectModule,
        MatSidenavModule,
        MatSliderModule,
        MatSlideToggleModule,
        MatSnackBarModule,
        MatSortModule,
        MatTableModule,
        MatTabsModule,
        MatToolbarModule,
        MatTooltipModule,
        MatTreeModule,
        MatNativeDateModule
    ],
    providers: [     
    ]
})
export class MaterialModule {
    constructor(public matIconRegistry: MatIconRegistry) {
        // matIconRegistry.registerFontClassAlias('fontawesome', 'fa');
    }

    static forRoot(): ModuleWithProviders<MaterialModule> {
        return {
            ngModule: MaterialModule,
            providers: [MatIconRegistry]
        };
    }
}

3.5 (4 Votes)
0
4
3
Jean-Paul 120 points

                                    #import the individual modules, as Angular no longer support installeting from @angular/material

4 (3 Votes)
0
Are there any code examples left?
Create a Free Account
Unlock the power of data and AI by diving into Python, ChatGPT, SQL, Power BI, and beyond.
Sign up
Develop soft skills on BrainApps
Complete the IQ Test
Relative searches
angular/node_modules/@angular/material/index.d.ts' is not a module c:/Users/Filip/mashinski1/node_modules/@angular/material/index.d.ts' is not a module.t File 'c:/Users/Hp/node_modules/@angular/material/index.d.ts' is not a module.ts(2306) File '/Users/vaibhav.wadekar/Desktop/chartAll/node_modules/@angular/material/index.d.ts' is not a module. File node_modules/@angular/material/index.d.ts' is not a module.ts(2306) node_modules/@angular/material/index.d.ts' is not a module.ts directory/node_modules/@angular/material/index.d.ts' is not a module.ts(2306) ode_modules/@angular/material/index.d.ts' is not a module. 'f:/mean-course/node_modules/@angular/material/index.d.ts' is not a module. File 'C:/Users/ns89/Documents/Angular/first-app/node_modules/@angular/material/index.d.ts' is not a module.ts(2306) @angular/material/index.d.ts' is not a module angular 11 File 'f:/aqarak-web-v2/node_modules/@angular/material/index.d.ts' is not a module.ts(2306) angular/node_modules/@angular/material/index.d.ts' is not a module. fix angular/node_modules/@angular/material/index.d.ts' is not a module. File 'c:/Users/Mosuwa.Lapi/Documents/book-notes/node_modules/@angular/material/index.d.ts' is not a module.ts(2306) File 'node_modules/@angular/material/index.d.ts' is not a module. pp/node_modules/@angular/material/index.d.ts' is not a module File '@angular/material/index.d.ts' is not a module e_modules/@angular/material/index.d.ts' is not a module. c:/angular proj/angular-example/node_modules/@angular/material/index.d.ts' is not a module ile 'd:/dashboard/node_modules/@angular/material/index.d.ts' is not a module.ts(2306) example/node_modules/@angular/material/index.d.ts' is not a module.ts(2306) @angular/material/index.d.ts' is not a module in angular 12 File 'c:/Users/TAUQEER/Desktop/angular Material/material/node_modules/@angular/material/index.d.ts' is not a module. File 'c:/Users/abc/Desktop/WebSite/Website/node_modules/@angular/material/index.d.ts' is not a module.ts(2306) file @angular/material/index.d.ts' is not a module File '/Downloads/Angular10/angular-material-tutorial/node_modules/@angular/material/index.d.ts' is not a module. Angular 10 Practice/myApp/node_modules/@angular/material/index.d.ts' is not a module. es/@angular/material/index.d.ts' is not a module. 38 import { MatRadioModule } from '@angular/material'; /node_modules/@angular/material/index.d.ts' is not a module. 21 } from '@angular/material' /material/index.d.ts' is not a module angular how to fix node_modules/@angular/material/index.d.ts' is not a module. file angular/material index.d.ts is not a module error TS2306: File node_modules/@angular/material/index.d.ts is not a module. :/DASHBOARD/node_modules/@angular/material/index.d.ts' is not a module.t @angular/material/index.d.ts' is not a module angular File 'E:/Angular/easypte/node_modules/@angular/material/index.d.ts' is not a module. material/index.d.ts' is not a module. angular @angular/material/index.d.ts' is not a module File 'D:/hellow/node_modules/@angular/material/index.d.ts' is not a module. 44 } from '@angular/material'; node_modules/@angular/material/index.d.ts' is not a module not working demo/node_modules/@angular/material/index.d.ts' is not a module.ts(2306) node_modules/@angular/material/index d ts is not a module angular/angular-login/node_modules/@angular/material/index.d.ts' is not a module.ts(2306) File '/app/node_modules/@angular/material/index.d.ts' is not a module. File 'D:/Venkat/angularsample/testapp/node_modules/@angular/material/index.d.ts' is not a module /node_modules/@angular/material/index.d.ts' is not a module. angular 10 @angular/material/index.d.ts' is not a module angular 9 /node_modules/@angular/material/index.d.ts' is not a module node_modules/@angular/material/index.d.ts' is not a module. 2 import { MatTableDataSource } from '@angular/material'; @angular/material/index.d.ts is not a module File '/Users/hdhaasbroek/Documents/Development/angular-example/node_modules/@angular/material/index.d.ts' is not a module angular 11 angular-example/node_modules/@angular/material/index.d.ts' is not a module. @angular material index.d.ts is not a module file 'node_modules/@angular/material/index.d.ts' is not a module ial/node_modules/@angular/material/index.d.ts' is not a module @angular/material/index.d.ts' is not a module.ts( gives error on matcard module is not module angular node_modules/@angular/material/index.d.ts' is not a module.ts(2306) error TS2306: File 'C:/Users/Arno/Documents/My Projects/Anguar Projects/blogSite/node_modules/@angular/material/index.d.ts' is not a module. File 'c:/Users/Moez/Rh-Projet-Client/node_modules/@angular/material/index.d.ts' is not a module. @angular/material/index.d.ts' is not a module.ts File '/Users/fjord1321/Projects/VTCC_Tour/ang-tour/node_modules/@angular/material/index.d.ts' is not a module. File '/Users/saikrishnamadapa/Desktop/AngularMaterial/material/node_modules/@angular/material/index.d.ts' is not a module. from '@angular/material' is not a module @angular/material/index.d.ts' is not a module.t 'c:/Users/mahdi/Desktop/angulartest/node_modules/@angular/material/index.d.ts' is not a module. ngulartest/node_modules/@angular/material/index.d.ts' is not a module error TS2306: import { MatPaginator, MatSort } from '@angular/material'; angular material icon module is not a module File 'c:/MEAN/Projects/myApp/node_modules/@angular/material/index.d.ts' is not a module. node_modules/@angular/material/index.d.ts' is not a module. import { MatButtonModule } from '@angular/material'; File '/var/www/html/Product/productUser/node_modules/@angular/material/index.d.ts' is not a module.ts(2306) File @angular/material/index.d.ts' is not a module.ts(2306) angular material index.d.ts is not a module angular/material is not a module angular/material/index.d.ts' is not a module. ng select2 index.d.ts is not a module angular 7 File '/Users/shreyankbyadagi/Desktop/learning/forms-learning/node_modules/@angular/material/index.d.ts' is not a module. Error: src/app/material.module.ts:2:33 - error TS2306: @angular/material index.d.ts is not a module /@angular/material/index.d.ts' is not a module.ts(2306) node_modules/@angular/material/index.d.ts' is not a module angular material File 'D:/Web02/Part02/project02/basic/my-dream-app/node_modules/@angular/material/index.d.ts' is not a module. material.d.ts index.d.ts' is not a module.ts(2306) error TS2306: File 'C:/Users/stanf/Documents/MEAN/mean-course/node_modules/@angular/material/index.d.ts' is not a module. ts'%20is%20not%20a%20module typescript File 'd:/ERP/Frontend/node_modules/@angular/material/index.d.ts' is not a module. File 'd:/Work Space/ARTIVATIC/node_modules/@angular/material/index.d.ts' is not a module.ts(2306) File '/home/bhuvanesh/Bhuvanesh - Workspace/personalSite/node_modules/@angular/material/index.d.ts' File '/Users/shahriarrahat/Desktop/repository/blg-akaun-mf-app-ng-template/micro-fe/node_modules/@angular/material/index.d.ts' is not a module error TS2306: File '/Users/shahriarrahat/Desktop/repository/blg-akaun-mf-app-ng-template/micro-fe/node_modules/@angular/material/index.d.ts' is not a module. is not a module. 45 from @angular/material angular 11 is not a module. 45 } from "@angular/material"; angular/material/index.d.ts' is not a module.ts(2306) V2/node_modules/@angular/material/index.d.ts' is not a module. File 'c:/projects/landing/new_site/material/node_modules/@angular/material/index.d.ts' is not a module.ts matinputmodule is not a module .ts is not a module overflow node_modules/@angular/material/toolbar/index.d.ts' is not a module client/node_modules/@angular/material/index.d.ts' is not a module. @angular/material/index.d.ts' is not a module angular 10 error TS2306: File 'D:/DoJoin/Dojoin.Chat/ClientApp/src/app/pages/conversation/conversation.module.ts' is not a module. how to fix @angular/material/index.d.ts' is not a module. aterial/index.d.ts' is not a module.ts(2306 File '/home/clive/practice/angular/angular-example/node_modules/@angular/material/index.d.ts' is not a module.ts(2306) File 'c:/Users/Obakeng/Documents/main projects/villageOrigins/node_modules/@angular/material/index.d.ts' is not a module.ts(2306) File 'c:/ng-workspace/angular/node_modules/@angular/material/index.d.ts' is not a module.ts(2306) TS2306: File '/Users/alam/f5-ops/node_modules/@angular/material/index.d.ts' is not a module TS2306: File '/node_modules/@angular/material/index.d.ts' is not a module /node_modules/@angular/material/index.d.ts' is not a module.ts(2306) angular material module importing error ts2306 angular materialmodule importing error ts2306 /material/index.d.ts' is not a module. @angular/material/index.d.ts' is not a module.ts(2306) pc/MedwisorSourceCode/WEB/node_modules/@angular/material/index.d.ts' is not a module node_module/@material/index.d.ts is not a module File '/home/ahulru/planit/planit-web-admin/web-portal/node_modules/@angular/material/index.d.ts' is not a module File 'c:/Users/AppleMacc/Documents/GitHub/espaneng-frontend/espaneng-frontend/node_modules/@angular/material/index.d.ts' is not a module.ts(2306) node_modules/@angular/material/index.d.ts' is not a module. node_modules/@angular/material/index.d.ts' is not a module. 20 import {MatButtonModule, MatCheckboxModule} from '@angular/material'; ERROR in src/app/app.module.ts(4,70): error TS2306: File '/home/pierre/Bureau/angularFormation/projetMaterial/node_modules/@angular/material/index.d.ts' is not a module. ERROR in src/app/app.module.ts(4,96): error TS2306: File '/home/pierre/Bureau/angularFormation/projetMaterial/node_modules/@angular/material/index.d.ts' is not a module. node_modules angular material index d ts is not a module angular material material/index.d.ts' is not a module node_modules/@angular/material/index.d.ts' is not a module angular 7 error TS2306: File node_modules/@angular/material/index.d.ts' is not a module. error TS2306: File '/Users/macbookpro/Sites/wibrain-front/node_modules/@angular/material/index.d.ts' is not a module. @angular material is not a module ERROR in src/app/app.module.ts(11,8): error TS2306: File 'D:/DevExtreme/DevExtreme_Demo/node_modules/@angular/material/index.d.ts' is not a module. error TS2306: File 'C:/Angular9/CaseStudy/node_modules/@angular/material/index.d.ts' is not a module. 6 } from '@angular/material'; angular 10 error TS2306: angular material index.d.ts vs code node_modules/@angular/material/index.d.ts' is not a modul File 'e:/Angular Projects/angular6-example-master/node_modules/@angular/material/index.d.ts' is not a module error ts2306 @angular/material/index.d.ts' is not a module File 'D:/CNM Global Innovation/Development/1. Therapha/V0/PatientAppV0.0.3/node_modules/@angular/material/index.d.ts' is not a module. 1 import { MatDialog } from '@angular/material'; ile '/Users/MAC/18WH1A0530_Angular/farmer/node_modules/@angular/material/index.d.ts' is not a module. 31 import { MatButtonModule, MatProgressBarModule } from '@angular/material'; ~~~~~~~~~~~~~~~~~~~ File '/RND/Angular/my-App/node_modules/@angular/material/index.d.ts' is not a module. 11 import {MatNativeDateModule} from '@angular/material'; ERROR in src/app/app.module.ts(9,82): error TS2306: File 'C:/Users/amittj/Desktop/KM-PORTAL/node_modules/@angular/material/index.d.ts' is not a module. node_modules angular/material index d ts is not a module angular 9 while adding angular material error shows index,d.ts File '/node_modules/@angular/material/index.d.ts' is not a module. angular/material/index.d.ts' is not a module 'f:/NewWebsite/node_modules/@angular/material/index.d.ts' is not a module.ts(2306) File 'd:/xampp/htdocs/Angular/WebApp/node_modules/@angular/material/index.d.ts' is not a module. error TS2306: File 'C:/Users/koul/Projects/Angular/node_modules/@angular/material/index.d.ts' is not a module. node_modules/@angular/material/index.d.ts' is not a module /node_modules/@angular/material/index.d.ts' is not a module. ClientApp/node_modules/@angular/material/index.d.ts' is not a modulesrc\app\material\material.module.ts 2 Active 'e:/projects/frontend/node_modules/@angular/material/index.d.ts' is not a module TS2306: File 'C:/htdocs/teaching-app/node_modules/@angular/material/index.d.ts' is not a module. angular 9 angular material is not a module spec.ts /node_modules/@angular/material/index.d.ts' is not a module. @angular/material/index.d.ts' is not a module @angular /material /index.d.ts' is not a module. /@angular/material/index.d.ts' is not a module angular/material%20is%20not%20a%20module @angular/material/index.d.ts' is not a module. @angular/material is not a module index.d.ts is not a module angular material /@angular/material/index.d.ts' is not a module. error TS2306: File 'D:/projects/onlineshopping/node_modules/@angular/material/index.d.ts' is not a module angular @angular/material node_modules/@angular/material/index.d.ts' is not a module. angular material is not a module error ts2306 node_modules/@angular/material/index.d.ts' is not a module File 'd:/Angular Material/ang-material/node_modules/@angular/material/index.d.ts' is not a module.ts(2306) error TS2306: File 'C:/Users/iad7kor/Desktop/Angular/proj/learning/Analytics/node_modules/@angular/material/index.d.ts' is not a module. error TS2306: @angular/material/index.d.ts' is not a module. error TS2306 index.d.ts' is not a module. 2 import { MatOptionSelectionChange } from '@angular/material'; File "..node_modules/@angular/material/index.d.ts' is not a module.ts(2306) angular /material/index.d.ts' is not a module. angular File '../node_modules/@angular/material/index.d.ts' is not a module. ERROR in src/app/app.module.ts File '/node_modules/@angular/material/index.d.ts' is not a module. @angular/material/index.d.ts
Made with love
This website uses cookies to make IQCode work for you. By using this site, you agree to our cookie policy

Welcome Back!

Sign up to unlock all of IQCode features:
  • Test your skills and track progress
  • Engage in comprehensive interactive courses
  • Commit to daily skill-enhancing challenges
  • Solve practical, real-world issues
  • Share your insights and learnings
Create an account
Sign in
Recover lost password
Or log in with

Create a Free Account

Sign up to unlock all of IQCode features:
  • Test your skills and track progress
  • Engage in comprehensive interactive courses
  • Commit to daily skill-enhancing challenges
  • Solve practical, real-world issues
  • Share your insights and learnings
Create an account
Sign up
Or sign up with
By signing up, you agree to the Terms and Conditions and Privacy Policy. You also agree to receive product-related marketing emails from IQCode, which you can unsubscribe from at any time.
Creating a new code example
Code snippet title
Source