2017-07-31 118 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