Interface 'JQueryDeferred<T>' cannot simultaneously extend types 'Deferred<T, any, any>' and 'JQueryPromise<T>'. Named property 'fail' of types 'Deferred<T, any, any>' and 'JQueryPromise<T>' are not identical.

[Gil Michael Regalado]

I followed the instructions from here. It seems the Build failed with the Javascript JQuery Typings. I encountered the same issue from this post. Is there any workaround?

$ ng serve                                                                                                                                                                 127 ↵
** NG Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200 **
Date: 2017-08-31T10:15:10.601Z
Hash: 4b1122a4b07b895d0376
Time: 19298ms
chunk {inline} inline.bundle.js, inline.bundle.js.map (inline) 5.83 kB [entry] [rendered]
chunk {main} main.bundle.js, main.bundle.js.map (main) 9.55 kB {vendor} [initial] [rendered]
chunk {polyfills} polyfills.bundle.js, polyfills.bundle.js.map (polyfills) 478 kB {inline} [initial] [rendered]
chunk {styles} styles.bundle.js, styles.bundle.js.map (styles) 1.04 MB {inline} [initial] [rendered]
chunk {vendor} vendor.bundle.js, vendor.bundle.js.map (vendor) 15.8 MB [initial] [rendered]

ERROR in /Users/gilmichael/Desktop/Projects/ej/node_modules/@types/jquery/index.d.ts (7815,11): Interface 'JQueryDeferred<T>' cannot simultaneously extend types 'Deferred<T, any, any>' and 'JQueryPromise<T>'.
  Named property 'always' of types 'Deferred<T, any, any>' and 'JQueryPromise<T>' are not identical.
ERROR in /Users/gilmichael/Desktop/Projects/ej/node_modules/@types/jquery/index.d.ts (7815,11): Interface 'JQueryDeferred<T>' cannot simultaneously extend types 'Deferred<T, any, any>' and 'JQueryPromise<T>'.
  Named property 'catch' of types 'Deferred<T, any, any>' and 'JQueryPromise<T>' are not identical.
ERROR in /Users/gilmichael/Desktop/Projects/ej/node_modules/@types/jquery/index.d.ts (7815,11): Interface 'JQueryDeferred<T>' cannot simultaneously extend types 'Deferred<T, any, any>' and 'JQueryPromise<T>'.
  Named property 'done' of types 'Deferred<T, any, any>' and 'JQueryPromise<T>' are not identical.
ERROR in /Users/gilmichael/Desktop/Projects/ej/node_modules/@types/jquery/index.d.ts (7815,11): Interface 'JQueryDeferred<T>' cannot simultaneously extend types 'Deferred<T, any, any>' and 'JQueryPromise<T>'.
  Named property 'fail' of types 'Deferred<T, any, any>' and 'JQueryPromise<T>' are not identical.
ERROR in /Users/gilmichael/Desktop/Projects/ej/node_modules/@types/jquery/index.d.ts (7815,11): Interface 'JQueryDeferred<T>' cannot simultaneously extend types 'Deferred<T, any, any>' and 'JQueryPromise<T>'.
  Named property 'pipe' of types 'Deferred<T, any, any>' and 'JQueryPromise<T>' are not identical.
ERROR in /Users/gilmichael/Desktop/Projects/ej/node_modules/@types/jquery/index.d.ts (7815,11): Interface 'JQueryDeferred<T>' cannot simultaneously extend types 'Deferred<T, any, any>' and 'JQueryPromise<T>'.
  Named property 'progress' of types 'Deferred<T, any, any>' and 'JQueryPromise<T>' are not identical.
ERROR in /Users/gilmichael/Desktop/Projects/ej/node_modules/@types/jquery/index.d.ts (7815,11): Interface 'JQueryDeferred<T>' cannot simultaneously extend types 'Deferred<T, any, any>' and 'JQueryPromise<T>'.
  Named property 'promise' of types 'Deferred<T, any, any>' and 'JQueryPromise<T>' are not identical.
ERROR in /Users/gilmichael/Desktop/Projects/ej/node_modules/@types/jquery/index.d.ts (7815,11): Interface 'JQueryDeferred<T>' cannot simultaneously extend types 'Deferred<T, any, any>' and 'JQueryPromise<T>'.
  Named property 'then' of types 'Deferred<T, any, any>' and 'JQueryPromise<T>' are not identical.

webpack: Failed to compile.

The ng cli Version

$ng --version                                                                                                                                                             130 ↵
    _                      _                 ____ _     ___
   / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
  / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
 / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
/_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
               |___/
@angular/cli: 1.3.1
node: 8.1.3
os: darwin x64
@angular/animations: 4.3.6
@angular/common: 4.3.6
@angular/compiler: 4.3.6
@angular/core: 4.3.6
@angular/forms: 4.3.6
@angular/http: 4.3.6
@angular/platform-browser: 4.3.6
@angular/platform-browser-dynamic: 4.3.6
@angular/router: 4.3.6
@angular/cli: 1.3.1
@angular/compiler-cli: 4.3.6
@angular/language-service: 4.3.6

The Node Version

$node --version
v8.1.3

Attachment: ej_5ebe3c96.7z

[Gil Michael Regalado]

It seems the solution given here works. This issue is resolved when the tutorial is updated, because anyone who will follow the tutorial will encounter the same issue.

npm install --save-dev @types/jquery@3.2.7

Attachment: ej_bc6634a7.7z

[Maria Antony Praveen Raja Gnana Sekaran]

Hi Gil Michael Regalado, 

Thanks for contacting Syncfusion Support. 

We are happy that the issue resolved at your end and once again thanks for your valuable feedback. We will update our help documentation at the earliest. 

Please let us know if you need further assistance on this. 

Thanks, 

 

Maria Antony Gnana Sekaran