title: Error during running angular 13 app after migration
body: <p>I just migrated my Angular application from version 9 to 13.</p>
  <p>When running ng serve I have this result:</p>
  <blockquote>
  <p>./src/main.ts - Error: Module build failed (from
  ./node_modules/@ngtools/webpack/src/ivy/index.js): Error: Symbol
  HttpClientModule declared in
  ..../node_modules/@angular/common/http/http.d.ts is not exported from
  @angular/common/http (import into ..../src/app/app.module.ts)
  at ....\node_modules@ngtools\webpack\src\ivy\loader.js:77:18
  at processTicksAndRejections (node:internal/process/task_queues:96:5)</p>
  <p>./src/polyfills.ts - Error: Module build failed (from
  ./node_modules/@ngtools/webpack/src/ivy/index.js): Error: Symbol
  HttpClientModule declared in
  ..../node_modules/@angular/common/http/http.d.ts is not exported from
  @angular/common/http (import into ..../src/app/app.module.ts)
  at ....\node_modules@ngtools\webpack\src\ivy\loader.js:77:18
  at processTicksAndRejections (node:internal/process/task_queues:96:5)</p>
  <p>Error: Inlining of fonts failed. An error has occurred while
  retrieving <a href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="nofollow noreferrer">https://fonts.googleapis.com/icon?family=Material+Icons</a>
  over the internet. connect ETIMEDOUT 142.250.74.234:443</p>
  </blockquote>
  <p>this is my package.json:</p>
  <pre><code>{
    &quot;name&quot;: &quot;myApp&quot;,
    &quot;version&quot;: &quot;0.0.0&quot;,
    &quot;scripts&quot;: {
      &quot;ng&quot;: &quot;ng&quot;,
      &quot;start&quot;: &quot;ng serve&quot;,
      &quot;build&quot;: &quot;ng build&quot;,
      &quot;test&quot;: &quot;ng test&quot;,
      &quot;lint&quot;: &quot;ng lint&quot;,
      &quot;e2e&quot;: &quot;ng e2e&quot;
    },
    &quot;private&quot;: true,
    &quot;dependencies&quot;: {
      &quot;@angular/animations&quot;: &quot;~13.1.0&quot;,
      &quot;@angular/cdk&quot;: &quot;^13.1.1&quot;,
      &quot;@angular/common&quot;: &quot;~13.1.0&quot;,
      &quot;@angular/compiler&quot;: &quot;~13.1.0&quot;,
      &quot;@angular/core&quot;: &quot;~13.1.0&quot;,
      &quot;@angular/forms&quot;: &quot;~13.1.0&quot;,
      &quot;@angular/material&quot;: &quot;^13.1.1&quot;,
      &quot;@angular/platform-browser&quot;: &quot;~13.1.0&quot;,
      &quot;@angular/platform-browser-dynamic&quot;: &quot;~13.1.0&quot;,
      &quot;@angular/router&quot;: &quot;~13.1.0&quot;,
      &quot;@ngx-translate/core&quot;: &quot;^14.0.0&quot;,
      &quot;@ngx-translate/http-loader&quot;: &quot;^7.0.0&quot;,
      &quot;bootstrap&quot;: &quot;^4.4.1&quot;,
      &quot;jquery&quot;: &quot;^3.5.0&quot;,
      &quot;moment&quot;: &quot;^2.26.0&quot;,
      &quot;ngx-mat-select-search&quot;: &quot;^3.3.3&quot;,
      &quot;ngx-translate-multi-http-loader&quot;: &quot;^7.0.0&quot;,
      &quot;prettier&quot;: &quot;^2.0.5&quot;,
      &quot;primeicons&quot;: &quot;^5.0.0&quot;,
      &quot;primeng&quot;: &quot;^13.0.2&quot;,
      &quot;rxjs&quot;: &quot;~7.4.0&quot;,
      &quot;tslib&quot;: &quot;^2.3.0&quot;,
      &quot;zone.js&quot;: &quot;~0.11.4&quot;
    },
    &quot;devDependencies&quot;: {
      &quot;@angular-devkit/build-angular&quot;: &quot;~13.1.2&quot;,
      &quot;@angular/cli&quot;: &quot;~13.1.2&quot;,
      &quot;@angular/compiler-cli&quot;: &quot;~13.1.0&quot;,
      &quot;@angular/language-service&quot;: &quot;~13.1.0&quot;,
      &quot;@types/jasmine&quot;: &quot;~3.10.0&quot;,
      &quot;@types/lodash&quot;: &quot;^4.14.178&quot;,
      &quot;@types/node&quot;: &quot;^12.11.1&quot;,
      &quot;codelyzer&quot;: &quot;^6.0.2&quot;,
      &quot;jasmine-core&quot;: &quot;~3.10.0&quot;,
      &quot;jasmine-spec-reporter&quot;: &quot;~4.2.1&quot;,
      &quot;karma&quot;: &quot;~6.3.0&quot;,
      &quot;karma-chrome-launcher&quot;: &quot;~3.1.0&quot;,
      &quot;karma-coverage&quot;: &quot;~2.1.0&quot;,
      &quot;karma-jasmine&quot;: &quot;~4.0.0&quot;,
      &quot;karma-jasmine-html-reporter&quot;: &quot;~1.7.0&quot;,
      &quot;protractor&quot;: &quot;^7.0.0&quot;,
      &quot;ts-node&quot;: &quot;~8.3.0&quot;,
      &quot;tslint&quot;: &quot;~5.18.0&quot;,
      &quot;tslint-html-report&quot;: &quot;^2.0.4&quot;,
      &quot;typescript&quot;: &quot;~4.5.2&quot;,
      &quot;typescript-tslint-plugin&quot;: &quot;^0.5.5&quot;
    }
  }
  </code></pre>
  <p>app.module:</p>
  <pre><code>@NgModule({
    declarations: [
      AppComponent,
      LoginComponent,
    ],
    imports: [
      BrowserModule,
      HttpClientModule,
      MaterialModule,
      BrowserAnimationsModule,
      AppRoutingModule,
      FormsModule ,
      NgxMatSelectSearchModule,
      TranslateModule.forRoot({
        loader: {
            provide: TranslateLoader,
            useFactory: HttpLoaderFactory,
            deps: [HttpClient]
        }
    })
    ],
    providers: [  
     {
      provide: MatPaginatorIntl,
      useClass: MatPaginatorI18n,
    }],
    bootstrap: [AppComponent],
    schemas: [
      CUSTOM_ELEMENTS_SCHEMA
    ],
  })
  export class AppModule { }
  </code></pre>
  <p>thank you for your help</p>