TypeScript/SPFx Promises throws Exception("Cannot read property 'then' of undefined") 但似乎有效

Question

我嘗試創建一個 SPFx Webpart。 在創建新項目之前，我需要調用 0-4 次_ensureUser ，具體取決於是否設置了Client 、 AssignedTo 、 ResolvedBy和Referrer的任意組合。 完成所有必需的_ensureUser調用后，即可創建新項目。

代碼在托管工作台上調試時運行，但在我調用userPromises[0].then( (value: {}) => {...或Promise.all(userPromises).then( (value: {}[]) => {...當我單擊 F5/continue 時，將執行其余部分並創建新項目_ensureUser在我直接調用它並將其與 then's 鏈接時起作用，而不是先將其放入 userPromises 數組.

我認為問題是_ensureUser沒有返回Promise 。 如果是這樣，我該怎么做？ 我應該重組_ensureUser和/或createItem嗎？ 我需要在某處調用 bind 嗎？

createItem項目函數：

public createItem( logItem: IInteractionLogItem): Promise<IInteractionLogItem[]> {
  const userPromises: Promise<{}>[] = [];

  if(logItem.Client && logItem.Client.AccountName){
    userPromises.push(this._ensureUser(logItem.Client));
  }

  if(logItem.AssignedTo && logItem.AssignedTo.AccountName){
    userPromises.push(this._ensureUser(logItem.AssignedTo));
  }

  if(logItem.ResolvedBy && logItem.ResolvedBy.AccountName){
    userPromises.push(this._ensureUser(logItem.ResolvedBy));
  }

  if(logItem.Referrer && logItem.Referrer.AccountName){
    userPromises.push(this._ensureUser(logItem.Referrer));
  }

  console.log("SharePointDataProvider.CreateItem: userPromises.length=" + userPromises.length);

  if( userPromises.length == 0) {
      const batch: SPHttpClientBatch = this.webPartContext.spHttpClient.beginBatch();

      const batchPromises: Promise<{}>[] = [
        this._createItem(batch, logItem),
        this._getItemsBatched(batch)
      ];

      return this._resolveBatch(batch, batchPromises);
  } else if( userPromises.length == 1) {
    userPromises[0].then( (value: {}) => {
      const batch: SPHttpClientBatch = this.webPartContext.spHttpClient.beginBatch();

      const batchPromises: Promise<{}>[] = [
        this._createItem(batch, logItem),
        this._getItemsBatched(batch)
      ];

      return this._resolveBatch(batch, batchPromises);
    });
  } else {
    Promise.all(userPromises).then( (value: {}[]) => {
      const batch: SPHttpClientBatch = this.webPartContext.spHttpClient.beginBatch();

      const batchPromises: Promise<{}>[] = [
        this._createItem(batch, logItem),
        this._getItemsBatched(batch)
      ];

      return this._resolveBatch(batch, batchPromises);
    });
  }
}

_ensureUser函數：

private _ensureUser( user: IInteractionLogPerson): Promise<ISPUser> {
  console.log("SharePointDataProvider.EnsureUser( \"" + user.AccountName + "\" )");
  var data = {logonName: user.AccountName};

  return this._webPartContext.spHttpClient.post(
    this._ensureUserUrl, 
    SPHttpClient.configurations.v1,
    { body: JSON.stringify(data) } ).then(
      (value: SPHttpClientResponse) => {
        console.log("SharePointDataProvider.EnsureUser Got Http Response:\"" + value.statusText + "\"" );
        return value.json();
      },
      (error: any) => console.log("SharePointDataProvider.EnsureUser Rejected: " + error )
    ).then((spUser: ISPUser) => {
      console.log("SharePointDataProvider.EnsureUser Set Id:" + spUser.Id +" LoginName:\"" + spUser.LoginName + "\"" );
      user.Id = spUser.Id;
      return spUser;
    });
}

1 _ensureUser調用的調試輸出：

SharePointDataProvider.EnsureUser( "i:0#.f|membership|bob@pc.org.nz" )
SharePointDataProvider.CreateItem: userPromises.length=1
TypeError: Cannot read property 'then' of undefined
    at ILoggerContainer._createInteractionLogItem (d:\spfx\iLogger-webpart\dist\i-logger.bundle.js:22103:60)
    at ILoggerForm._handleAddButtonClick (d:\spfx\iLogger-webpart\dist\i-logger.bundle.js:23173:21)
    at Object.r (https://spoprod-a.akamaihd.net/files/sp-client-prod_2017-06-30.017/sp-webpart-workbench-assembly_en-us_f3fed222daad2a0117a4c168deed7705.js:174:75541)
    at a (https://spoprod-a.akamaihd.net/files/sp-client-prod_2017-06-30.017/sp-webpart-workbench-assembly_en-us_f3fed222daad2a0117a4c168deed7705.js:174:30260)
    at Object.s [as executeDispatchesInOrder] (https://spoprod-a.akamaihd.net/files/sp-client-prod_2017-06-30.017/sp-webpart-workbench-assembly_en-us_f3fed222daad2a0117a4c168deed7705.js:174:30475)
    at f (https://spoprod-a.akamaihd.net/files/sp-client-prod_2017-06-30.017/sp-webpart-workbench-assembly_en-us_f3fed222daad2a0117a4c168deed7705.js:174:26933)
    at m (https://spoprod-a.akamaihd.net/files/sp-client-prod_2017-06-30.017/sp-webpart-workbench-assembly_en-us_f3fed222daad2a0117a4c168deed7705.js:174:27059)
    at Array.forEach (<anonymous>)
    at r (https://spoprod-a.akamaihd.net/files/sp-client-prod_2017-06-30.017/sp-webpart-workbench-assembly_en-us_f3fed222daad2a0117a4c168deed7705.js:174:112499)
    at Object.processEventQueue (https://spoprod-a.akamaihd.net/files/sp-client-prod_2017-06-30.017/sp-webpart-workbench-assembly_en-us_f3fed222daad2a0117a4c168deed7705.js:174:28121)
SharePointDataProvider.EnsureUser Got Http Response:"OK"
SharePointDataProvider.EnsureUser Set Id:13 LoginName:"i:0#.f|membership|bob@pc.org.nz"

2 _ensureUser調用的調試輸出：

SharePointDataProvider.EnsureUser( "i:0#.f|membership|dennis@carehouse.org.nz" )
SharePointDataProvider.EnsureUser( "i:0#.f|membership|bob@pc.org.nz" )
SharePointDataProvider.CreateItem: userPromises.length=2
TypeError: Cannot read property 'then' of undefined
    at ILoggerContainer._createInteractionLogItem (d:\spfx\iLogger-webpart\dist\i-logger.bundle.js:22103:60)
    at ILoggerForm._handleAddButtonClick (d:\spfx\iLogger-webpart\dist\i-logger.bundle.js:23173:21)
    at Object.r (https://spoprod-a.akamaihd.net/files/sp-client-prod_2017-06-30.017/sp-webpart-workbench-assembly_en-us_f3fed222daad2a0117a4c168deed7705.js:174:75541)
    at a (https://spoprod-a.akamaihd.net/files/sp-client-prod_2017-06-30.017/sp-webpart-workbench-assembly_en-us_f3fed222daad2a0117a4c168deed7705.js:174:30260)
    at Object.s [as executeDispatchesInOrder] (https://spoprod-a.akamaihd.net/files/sp-client-prod_2017-06-30.017/sp-webpart-workbench-assembly_en-us_f3fed222daad2a0117a4c168deed7705.js:174:30475)
    at f (https://spoprod-a.akamaihd.net/files/sp-client-prod_2017-06-30.017/sp-webpart-workbench-assembly_en-us_f3fed222daad2a0117a4c168deed7705.js:174:26933)
    at m (https://spoprod-a.akamaihd.net/files/sp-client-prod_2017-06-30.017/sp-webpart-workbench-assembly_en-us_f3fed222daad2a0117a4c168deed7705.js:174:27059)
    at Array.forEach (<anonymous>)
    at r (https://spoprod-a.akamaihd.net/files/sp-client-prod_2017-06-30.017/sp-webpart-workbench-assembly_en-us_f3fed222daad2a0117a4c168deed7705.js:174:112499)
    at Object.processEventQueue (https://spoprod-a.akamaihd.net/files/sp-client-prod_2017-06-30.017/sp-webpart-workbench-assembly_en-us_f3fed222daad2a0117a4c168deed7705.js:174:28121)
SharePointDataProvider.EnsureUser Got Http Response:"OK"
SharePointDataProvider.EnsureUser Set Id:10 LoginName:"i:0#.f|membership|dennis@carehouse.org.nz"
SharePointDataProvider.EnsureUser Got Http Response:"OK"
SharePointDataProvider.EnsureUser Set Id:13 LoginName:"i:0#.f|membership|bob@pc.org.nz"

Answer 1

我需要在調用userPromises[0].then( (value: {}) => {... return Promise.all(userPromises).then( (value: {}[]) => {... . 代碼現在可以通過以下修改工作：

return userPromises[0].then( (value: {}) => {

和

return Promise.all(userPromises).then( (value: {}[]) => {

Answer 2

return ctx.spHttpClient.get(
        url+'/_api/web/lists',
        SPHttpClient.configurations.v1,
        {
            headers: [
                ['accept', 'application/json;odata.metadata=none']
            ]
        }
    ).then((response: SPHttpClientResponse):Promise<ILists> => {
        return response.json();
    });