Saltar al contenido

no se puede encontrar el módulo “@angular/material”

Contamos con tu apoyo para extender nuestros ensayos en referencia a las ciencias de la computación.

Solución:

Siga estos pasos para comenzar a usar Angular Material.

Paso 1: instalar material angular

npm install --save @angular/material

Paso 2: Animaciones

Algunos componentes de Material dependen del módulo de animaciones angulares para poder realizar transiciones más avanzadas. Si desea que estas animaciones funcionen en su aplicación, debe instalar el @angular/animations module e incluya BrowserAnimationsModule en su aplicación.

npm install --save @angular/animations

Después

import BrowserAnimationsModule from '@angular/platform browser/animations';

@NgModule(
...
  imports: [BrowserAnimationsModule],
...
)
export class PizzaPartyAppModule  

Paso 3: Importar los módulos de componentes

Importe el NgModule para cada componente que desee usar:

import MdButtonModule, MdCheckboxModule from '@angular/material';

@NgModule(
...
imports: [MdButtonModule, MdCheckboxModule],
...
 )
 export class PizzaPartyAppModule  

asegúrese de importar los módulos de Angular Material después de Angular’s BrowserModule, ya que el orden de importación es importante para NgModules

import  BrowserModule  from '@angular/platform-browser';
import  NgModule  from '@angular/core';
import  FormsModule  from '@angular/forms';
import  HttpModule  from '@angular/http';
import BrowserAnimationsModule from '@angular/platform-browser/animations';

import MdCardModule from '@angular/material';
@NgModule(
    declarations: [
        AppComponent,
        HeaderComponent,
        HomeComponent
    ],
    imports: [
        BrowserModule,
        FormsModule,
        HttpModule,
        MdCardModule
    ],
    providers: [],
    bootstrap: [AppComponent]
)
export class AppModule  

Paso 4: incluye un tema

Se requiere incluir un tema para aplicar todos los estilos básicos y de tema a su aplicación.

Para comenzar con un tema preconstruido, incluya lo siguiente en el index.html de su aplicación:


Eso es lo que resolvió este problema para mí.

Solía:

npm install --save @angular/material @angular/cdk
npm install --save @angular/animations

pero DENTRO DE LA CARPETA DE SOLICITUD.

Fuente: https://medium.com/@ismapro/first-steps-with-angular-cli-and-angular-material-5a90406e9a4

Cambiar a,

import MaterialModule from '@angular/material';

MANIFESTACIÓN

Comentarios y calificaciones

Eres capaz de auxiliar nuestro cometido mostrando un comentario y valorándolo te damos las gracias.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *