title: Compile error when Angular Material dialog is imported
body: <p>I am trying to show a model dialog in my application. For that as a first step I imported Material Dialog
  into my component.ts file</p>
  <pre class="lang-js prettyprint-override"><code>import {MatDialog} from '@angular/material/dialog';
  </code></pre>
  <p>But after importing this I am getting tones of compile errors like this</p>
  <pre><code>Error: node_modules/@angular/material/core/common-behaviors/constructor.d.ts:14:55 - error TS2304: Cannot find name 'abstract'.
  
  14 export declare type AbstractConstructor&lt;T = object&gt; = abstract new (...args: any[]) =&gt; T;
                                                           ~~~~~~~~
  
  
  Error: node_modules/@angular/material/core/common-behaviors/constructor.d.ts:14:64 - error TS1005: ';' expected.
  
  14 export declare type AbstractConstructor&lt;T = object&gt; = abstract new (...args: any[]) =&gt; T;
                                                                    ~~~
  
  
  Error: node_modules/@angular/material/core/common-behaviors/constructor.d.ts:14:69 - error TS1109: Expression expected.
  
  14 export declare type AbstractConstructor&lt;T = object&gt; = abstract new (...args: any[]) =&gt; T;
                                                                         ~~~
  
  
  Error: node_modules/@angular/material/core/common-behaviors/constructor.d.ts:14:78 - error TS2693: 'any' only refers to a type, but is being used as a value here.
  
  14 export declare type AbstractConstructor&lt;T = object&gt; = abstract new (...args: any[]) =&gt; T;
                                                                                  ~~~
  
  
  Error: node_modules/@angular/material/core/common-behaviors/constructor.d.ts:14:82 - error TS1011: An element access expression should take an argument.
  
  14 export declare type AbstractConstructor&lt;T = object&gt; = abstract new (...args: any[]) =&gt; T;
     
  
  
  Error: node_modules/@angular/material/core/common-behaviors/constructor.d.ts:14:83 - error TS1005: ';' expected.
  
  14 export declare type AbstractConstructor&lt;T = object&gt; = abstract new (...args: any[]) =&gt; T;
                                                                                       ~
  
  
  Error: node_modules/@angular/material/core/common-behaviors/constructor.d.ts:14:85 - error TS1128: Declaration or statement expected.
  
  14 export declare type AbstractConstructor&lt;T = object&gt; = abstract new (...args: any[]) =&gt; T;
                                                                                         ~~
  
  
  Error: node_modules/@angular/material/core/common-behaviors/constructor.d.ts:14:88 - error TS2304: Cannot find name 'T'.
  m
  14 export declare type AbstractConstructor&lt;T = object&gt; = abstract new (...args: any[]) =&gt; T;
                                                                                            ~
  
  
  Error: node_modules/@angular/material/core/option/optgroup.d.ts:17:22 - error TS2420: Class '_MatOptgroupBase' incorrectly implements interface 'CanDisable'.
    Property 'disabled' is missing in type '_MatOptgroupBase' but required in type 'CanDisable'.
  
  17 export declare class _MatOptgroupBase extends _MatOptgroupMixinBase implements CanDisable {
                          ~~~~~~~~~~~~~~~~
  
    node_modules/@angular/material/core/common-behaviors/disabled.d.ts:12:5
      12     disabled: boolean;
             ~~~~~~~~
      'disabled' is declared here.
  </code></pre>
  <p>These are my dependencies according to package.json</p>
  <pre class="lang-json prettyprint-override"><code>&quot;dependencies&quot;: {
    &quot;@angular/animations&quot;: &quot;^11.2.14&quot;,
    &quot;@angular/cdk&quot;: &quot;^12.0.1&quot;,
    &quot;@angular/common&quot;: &quot;~11.2.0&quot;,
    &quot;@angular/compiler&quot;: &quot;~11.2.0&quot;,
    &quot;@angular/core&quot;: &quot;~11.2.0&quot;,
    &quot;@angular/forms&quot;: &quot;~11.2.0&quot;,
    &quot;@angular/material&quot;: &quot;^12.0.1&quot;,
    &quot;@angular/platform-browser&quot;: &quot;~11.2.0&quot;,
    &quot;@angular/platform-browser-dynamic&quot;: &quot;~11.2.0&quot;,
    &quot;@angular/router&quot;: &quot;~11.2.0&quot;,
    &quot;admin-lte&quot;: &quot;^3.1.0&quot;,
    &quot;angular-datatables&quot;: &quot;^11.2.0&quot;,
    &quot;bootstrap&quot;: &quot;^4.6.0&quot;,
    &quot;datatables.net&quot;: &quot;^1.10.24&quot;,
    &quot;datatables.net-dt&quot;: &quot;^1.10.24&quot;,
    &quot;jquery&quot;: &quot;^3.6.0&quot;,
    &quot;ng-wizard&quot;: &quot;^1.3.0&quot;,
    &quot;ngx-toastr&quot;: &quot;^13.2.1&quot;,
    &quot;rxjs&quot;: &quot;~6.6.0&quot;,
    &quot;tslib&quot;: &quot;^2.0.0&quot;,
    &quot;zone.js&quot;: &quot;~0.11.3&quot;
  },
  &quot;devDependencies&quot;: {
    &quot;@angular-devkit/build-angular&quot;: &quot;~0.1102.0&quot;,
    &quot;@angular/cli&quot;: &quot;~11.2.0&quot;,
    &quot;@angular/compiler-cli&quot;: &quot;~11.2.0&quot;,
    &quot;@types/datatables.net&quot;: &quot;^1.10.19&quot;,
    &quot;@types/jasmine&quot;: &quot;~3.6.0&quot;,
    &quot;@types/jquery&quot;: &quot;^3.5.5&quot;,
    &quot;@types/node&quot;: &quot;^12.11.1&quot;,
    &quot;codelyzer&quot;: &quot;^6.0.0&quot;,
    &quot;jasmine-core&quot;: &quot;~3.6.0&quot;,
    &quot;jasmine-spec-reporter&quot;: &quot;~5.0.0&quot;,
    &quot;karma&quot;: &quot;~6.1.0&quot;,
    &quot;karma-chrome-launcher&quot;: &quot;~3.1.0&quot;,
    &quot;karma-coverage&quot;: &quot;~2.0.3&quot;,
    &quot;karma-jasmine&quot;: &quot;~4.0.0&quot;,
    &quot;karma-jasmine-html-reporter&quot;: &quot;^1.5.0&quot;,
    &quot;protractor&quot;: &quot;~7.0.0&quot;,
    &quot;ts-node&quot;: &quot;~8.3.0&quot;,
    &quot;tslint&quot;: &quot;~6.1.0&quot;,
    &quot;typescript&quot;: &quot;~4.1.2&quot;
  }
  </code></pre>
  <p>Havent got an idea about these error. I am new to Angular itself. When just removing the import line, all errors are gone.. Compiles successfully</p>