title: ERROR in src/app/app.module.ts(23,3): error TS1146: Declaration expected
body: <p>I've been trying to resolve this error for days and I don't know what to do anymore. I'm new with Angular and I don't know how things work yet. I'm stuck and I don't understand how to fix it. I've already installed and uninstalled several times the modules on their latest version.</p>
  
  <p><strong>Error:</strong> </p>
  
  <pre><code>Date: 2018-07-12T15:50:51.658Z - Hash: e52bb885c7cfcb67e69c - Time: 11159ms
  3 unchanged chunks
  chunk {main} main.js, main.js.map (main) 5.74 kB [initial] [rendered]
  chunk {vendor} vendor.js, vendor.js.map (vendor) 3.14 MB [initial] [rendered]
  
  WARNING in ./src/main.ts
  8:41-50 "export 'AppModule' was not found in './app/app.module'
  i ｢wdm｣: Compiled with warnings.
  i ｢wdm｣: Compiling...
   10% building modules 0/2 modules 2 active … lazy groupOptions: {} namespace objectERROR in src/app/app.module.ts(23,3): error TS1146:     Declaration expected.
  
  Date: 2018-07-12T15:53:03.615Z - Hash: 8944712e4124fea4b527 - Time: 802ms
  4 unchanged chunks
  chunk {styles} styles.js, styles.js.map (styles) 74.6 kB [initial] [rendered]
  
  WARNING in ./src/main.ts
  8:41-50 "export 'AppModule' was not found in './app/app.module'
  i ｢wdm｣: Compiled with warnings.
  i ｢wdm｣: Compiling...
  
  Date: 2018-07-12T15:57:27.693Z - Hash: 8944712e4124fea4b527 - Time: 421ms
  5 unchanged chunks
  
  WARNING in ./src/main.ts
  8:41-50 "export 'AppModule' was not found in './app/app.module'
  i ｢wdm｣: Compiled with warnings.
  ERROR in src/app/app.module.ts(23,3): error TS1146: Declaration expected.
  </code></pre>
  
  <p><strong>My index.html:</strong></p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"&gt; 
    &lt;title&gt;ConFusion&lt;/title&gt;
    &lt;base href="/"&gt;
  
    &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
    &lt;link rel="icon" type="image/x-icon" href="favicon.ico"&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;app-root&gt;&lt;/app-root&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><strong>App.module.ts</strong></p>
  
  <pre><code>import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
  import { MatToolbarModule } from '@angular/material/toolbar'; 
  import { FlexLayoutModule } from '@angular/flex-layout';
  
  
  import 'hammerjs';
  
  @NgModule({
  
    imports: [ 
  
  
      BrowserAnimationsModule,
      MatToolbarModule,
      FlexLayoutModule
  
    ],
  
  })
  </code></pre>
  
  <p><strong>App.component.ts</strong></p>
  
  <pre><code>import { Component } from '@angular/core';
  
  @Component({
    selector: 'app-root',
    templateUrl: './app.component.html',
    styleUrls: ['./app.component.scss']
  })
  export class AppComponent {
    title = 'app';
  }
  </code></pre>
  
  <p><strong>App.component.html</strong></p>
  
  <pre><code>&lt;!--The content below is only a placeholder and can be replaced.--&gt;
  &lt;mat-toolbar color="primary"&gt; &lt;span&gt;Ristorante Con Fusion&lt;/span&gt; &lt;/mat-toolbar&gt;
  </code></pre>
  
  <p><strong>Styles.scss</strong></p>
  
  <pre><code>/* You can add global styles to this file, and also import other style files */
  @import '~@angular/material/prebuilt-themes/deeppurple-amber.css';
  
  // some basic resets 
  
  body { 
    padding: 0; 
    margin: 0; 
    font-family: Roboto, sans-serif; 
  
  }
  </code></pre>