2017-07-31 119 views
0

我正在使用由Yeoman創建的SPFx構建全新的SharePoint Web部件,腳手架模板沒問題,爲JQuery和JQueryUI添加NPM也沒有出現任何問題,我看到GULP SERVE在後臺運行任何錯誤。SPFx不能使用JQuery?

當我添加以下行我JQWebPart.ts內的問題發生:

 import * as jQuery from 'jquery'; 

一旦線之上添加了GULP SERVE輸出一個很長的錯誤列表,下面是最後的行從所有的錯誤:

[16:54:06] Error - typescript - node_modules\@types\jquery\index.d.ts(7502,33): error TS2314: Generic type 'Callbacks<T, Function>' requires 2 type argument(s). 
[16:54:06] Error - typescript - node_modules\@types\jquery\index.d.ts(7503,36): error TS2314: Generic type 'Deferred<TR, TJ, any, TN>' requires 4 type argument(s). 
[16:54:06] Error - typescript - node_modules\@types\jquery\index.d.ts(7504,41): error TS2314: Generic type 'Event<TTarget, EventTarget, TData>' requires 3 type argument(s). 
[16:54:06] Error - typescript - node_modules\@types\jquery\index.d.ts(7505,36): error TS2314: Generic type 'Deferred<TR, TJ, any, TN>' requires 4 type argument(s). 
[16:54:06] Error - typescript - node_modules\@types\jquery\index.d.ts(7506,37): error TS2314: Generic type 'AjaxSettings<TContext, any>' requires 2 type argument(s). 
[16:54:06] Error - typescript - node_modules\@types\jquery\index.d.ts(7510,28): error TS2314: Generic type 'jqXHR<TResolve, any>' requires 2 type argument(s). 
[16:54:06] Error - typescript - node_modules\@types\jquery\index.d.ts(7511,35): error TS2314: Generic type 'Promise<TR, TJ, any, TN>' requires 4 type argument(s). 
[16:54:06] Error - typescript - node_modules\@types\jquery\index.d.ts(7517,32): error TS2314: Generic type 'PlainObject<T, any>' requires 2 type argument(s). 
[16:54:06] Finished subtask 'tslint' after 3.95 s 
[16:54:06] Error - 'typescript' sub task errored after 3.95 s 
"TypeScript error(s) occurred." 

我不知道,當我嘗試使用JQuery正在發生的事情與我的Web部件,沒有任何身體有什麼想法?

+0

請參閱此鏈接。這將解決您的問題 - https://thechriskent.com/tag/sharepoint-framework/ –

+1

先生!這真的解決了我的問題,我將繼續並在此粘貼該解決方案,它可能會在以後得到方便! –

+0

多數民衆贊成在:) :) –

回答

1

由於用戶羅希特Waghela,已經有到位解決SPFX有關JQuery的問題的解決方案:

https://thechriskent.com/tag/sharepoint-framework/

問題是打字稿和JQuery之間的不兼容,所以這裏的底線是以下情況:

1)除去的JQuery:npm uninstall @types/jquery

2)安裝兼容版本:npm install @types/[email protected] --save-dev