JavaScript 'await' throws error 'then is not defined'

Question

JavaScript 'await' throws error 'then is not defined'

Just starting out with async programming and I've noticed a common issue in similar threads - the problem of not returning anything. However, in my case, I am facing a different error message 'Cannot read property 'then' of undefined'.

function getWorkItems(iterationPath, projectId) {

    var queryClient = VSS_Service.getCollectionClient(TFS_Wit_QueryAPI.WorkItemTrackingHttpClient);
    var query = { query: "SELECT [System.Id] FROM WorkItem WHERE [System.IterationPath] = '" + iterationPath + "'" };
    var resultOfQuery;

    queryClient.queryByWiql(query, projectId).then(

        function (resultOfQuery) {
            return new Promise((resolve, reject) => {
                resolve(resultOfQuery);
                console.log("Debug: " + JSON.stringify(resultOfQuery));
            })
            VSS.notifyLoadSucceeded();

        });
}

Although the debug message is printed successfully and data is fetched from the server, an error occurs when calling it from another location.

let bar;

getWorkItems(counter.path, projectId).then ( res => {
    bar = res;
    console.log("Debug: should be output of query " + JSON.stringify(bar));
})

The error message 'Cannot read property 'then' of undefined' pops up in this scenario.

javascript ajax

Answer 1

Answer №1

When looking at the code for getWorkItems, it's important to note that there is no explicit return statement, which means it will implicitly return undefined. Additionally, as

queryClient.queryByWiql(query, projectId)

is already returning a promise, there is no need to create another promise. You can simply streamline the function like this:

function retrieveWorkItems(iterationPath, projectId)
{
  var queryClient = VSS_Service.getCollectionClient(TFS_Wit_QueryAPI.WorkItemTrackingHttpClient);
  var query = { query: "SELECT [System.Id] FROM WorkItem WHERE [System.IterationPath] = '" + iterationPath + "'" };
  return queryClient.queryByWiql(query, projectId);
}

If you wish to include a log statement and notifyLoadSucceeded within the function, you can do so without creating an additional promise. When inside a .then callback, you just need to return the desired value for the promise resolution:

function retrieveWorkItems(iterationPath, projectId)
{
  var queryClient = VSS_Service.getCollectionClient(TFS_Wit_QueryAPI.WorkItemTrackingHttpClient);
  var query = { query: "SELECT [System.Id] FROM WorkItem WHERE [System.IterationPath] = '" + iterationPath + "'" };
  return queryClient.queryByWiql(query, projectId)
    .then(function(queryResult) {
      console.log("Debug: " + JSON.stringify(queryResult));
      VSS.notifyLoadSucceeded();
      return queryResult;
    });
}

Answer 2

When looking at the code for getWorkItems, it's important to note that there is no explicit return statement, which means it will implicitly return undefined. Additionally, as

queryClient.queryByWiql(query, projectId)

is already returning a promise, there is no need to create another promise. You can simply streamline the function like this:

function retrieveWorkItems(iterationPath, projectId)
{
  var queryClient = VSS_Service.getCollectionClient(TFS_Wit_QueryAPI.WorkItemTrackingHttpClient);
  var query = { query: "SELECT [System.Id] FROM WorkItem WHERE [System.IterationPath] = '" + iterationPath + "'" };
  return queryClient.queryByWiql(query, projectId);
}

If you wish to include a log statement and notifyLoadSucceeded within the function, you can do so without creating an additional promise. When inside a .then callback, you just need to return the desired value for the promise resolution:

function retrieveWorkItems(iterationPath, projectId)
{
  var queryClient = VSS_Service.getCollectionClient(TFS_Wit_QueryAPI.WorkItemTrackingHttpClient);
  var query = { query: "SELECT [System.Id] FROM WorkItem WHERE [System.IterationPath] = '" + iterationPath + "'" };
  return queryClient.queryByWiql(query, projectId)
    .then(function(queryResult) {
      console.log("Debug: " + JSON.stringify(queryResult));
      VSS.notifyLoadSucceeded();
      return queryResult;
    });
}

JavaScript 'await' throws error 'then is not defined'

Answer №1

Similar questions

What is the solution for the error "Build error occurred ReferenceError: self is not defined" when building a NextJs application?

What is the best way to show the user profile on a Forum?

Angular 2 signal sender

What is the best way to shorten text in React/CSS or Material UI based on the line height multiples?

What is the best way to implement onChange for multiple form fields in Reactjs?

Obtaining JSON information within the AngularJS Scope

Is there a way to prevent the Pace js plugin from running on page load, but still have it execute during Ajax requests only?

Installing Yarn causes the download of an unconventional directory

Encountering a script error when upgrading to rc4 in Angular 2

Encountered an error when attempting to submit with Node.js and Express.js connected to MySql - "Cannot POST /login

Tips for creating a fixed element with ScrollTrigger and GSAP

Top method for detecting errors in Models? (Node.js + Sequelize)

Can you explain the functionality of the NextSibling method?

Angular 6 TypeScript allows for efficient comparison and updating of keys within arrays of objects. By leveraging this feature

What is the best way to trigger an onclick event for an input element with a type of "image"?

The issue of javascript Map not updating its state is causing a problem

Implementing asynchronous file reading with module.exports in Node.js

Error occurred when sending form data while uploading a file

Tips for incorporating an anchor tag within an img tag in HTML?

div maintain aspect ratio while scaling