node_modules/@angular/material/index.d.ts’ no es un módulo. 2 importar {MatTableDataSource} desde ‘@angular/material’; ejemplo de código

Este post fue aprobado por nuestros expertos así garantizamos la veracidad de este escrito.

Ejemplo 1: /@angular/material/index.d.ts’ no es un módulo.

// 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]
        ;
    

Ejemplo 2: el archivo “..node_modules/@angular/material/index.d.ts’ no es un módulo.ts(2306)

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

Si te ha resultado útil este post, nos gustaría que lo compartas con más juniors así contrubuyes a dar difusión a este contenido.

---

---

Utiliza Nuestro Buscador