import { BrowserModule } from '@angular/platform-browser' ; import { NgModule } from '@angular/core' ; import { AppRoutingModule } from './app-routing.module' ; import { AppComponent } from './app.component' ; import { NavigationComponent } from './components/navigation/navigation.component' ; import { SocketIoModule , SocketIoConfig } from 'ngx-socket-io' ; import { BrowserAnimationsModule } from '@angular/platform-browser/animations' ; import { MatSnackBarModule } from '@angular/material/snack-bar' ; import { SecretchatComponent } from './components/secretchat/secretchat.component' ; import { GeneralchatComponent } from './components/generalchat/generalchat.component' ; import { FormsModule } from "@angular/forms" ; const config = { url : 'http://localhost:3000' , options : { } } ; @ NgModule ( { declarations : [ AppComponent , NavigationComponent , SecretchatComponent , GeneralchatComponent ] , imports : [ BrowserModule , AppRoutingModule , SocketIoModule . forRoot ( config ) , BrowserAnimationsModule , MatSnackBarModule , FormsModule ] , providers : [ ] , bootstrap : [ AppComponent ] } ) export class AppModule { }