Error: The parameter should be a string, not an object

Question

Error: The parameter should be a string, not an object

I am having trouble with a function that is supposed to return a string but instead, it returns an object. Unfortunately, I cannot use the .toString() method either.

currentEnvironment: string = "beta";
serverURL: string = this.setServerURL(this.currentEnvironment);
URL: string = this.serverURL;

async setServerURL(env: string): Promise<string> {
  const myText: string = 'https://abcqwer.com';
  return myText;
}


async login(): Promise<void> {
  console.log('The Login URL is: ' + this.URL.toString());
  await browser.get(this.URL);
};

An error message appears saying:

Error: Parameter "url" must be a string, not an object

typescript protractor

Answer 1

Answer №1

When invoking

this.setServerURL(this.currentEnvironment)

, the method returns a Promise<string> instead of just a string. But do you really need setServerURL() to be async? If there is no promise interaction, you can simplify it like this:

setServerURL(env: string): string {
  const myText: string = 'https://abcqwer.com';
  return myText;
}

Now, consider a scenario where you actually require some promise-based operations and thus, your setServerURL() needs to return a Promise<string>:

currentEnvironment = "beta";
serverURL: Promise<string> = this.setServerURL(this.currentEnvironment);
URL: Promise<string> = this.serverURL;

async setServerURL(env: string): Promise<string> {
  const myText: string = 'https://abcqwer.com';
  return myText; // Despite 'myText' being a string, this method will return a Promise<string> due to the async keyword
}

async login(): Promise<void> {
  const url = await this.URL;
  console.log('Login URL is: ' + url);
  await browser.get(url);
};

Answer 2

When invoking

this.setServerURL(this.currentEnvironment)

, the method returns a Promise<string> instead of just a string. But do you really need setServerURL() to be async? If there is no promise interaction, you can simplify it like this:

setServerURL(env: string): string {
  const myText: string = 'https://abcqwer.com';
  return myText;
}

Now, consider a scenario where you actually require some promise-based operations and thus, your setServerURL() needs to return a Promise<string>:

currentEnvironment = "beta";
serverURL: Promise<string> = this.setServerURL(this.currentEnvironment);
URL: Promise<string> = this.serverURL;

async setServerURL(env: string): Promise<string> {
  const myText: string = 'https://abcqwer.com';
  return myText; // Despite 'myText' being a string, this method will return a Promise<string> due to the async keyword
}

async login(): Promise<void> {
  const url = await this.URL;
  console.log('Login URL is: ' + url);
  await browser.get(url);
};

Error: The parameter should be a string, not an object

Answer №1

Similar questions

Importing BrowserAnimationsModule in the core module may lead to dysfunctional behavior

The compilation time of Webpack and Angular 2

Implementing Formik in React for automatic updates to a Material-UI TextField when blurred

Do not allow nested objects to be returned

Learn the art of generating multiple dynamic functions with return values and executing them concurrently

Have you noticed the issue with Angular's logical OR when using it in the option attribute? It seems that when [(ngModel)] is applied within a select element, the [selected] attribute is unable to change

Choose the Angular 2 option

It is possible that the object may be null, as indicated by TS2531 error

After compilation, what happens to the AngularJS typescript files?

Tips for storing an unmatched result in an array with a Regexp

Troubleshooting Primevue Data table styling issues in Vue3

Prohibit communication by any means

Make sure to wait for the observable to provide a value before proceeding with any operations involving the variable

Encountering type-checking errors in the root query due to the specific types assigned to my root nodes in a GraphQL and TypeScript application built using Express

Is there a way to trigger a custom event from a Web Component and then intercept it within a React Functional Component for further processing?

Identifying imports from a barrel file (index.ts) using code analysis

Is there a way to simulate AWS Service Comprehend using Sinon and aws-sdk-mock?

Is there a way to stop TSC from performing type checking on projects within the node_modules directory

Error: The nested property of the dynamic type cannot be indexed

Using Lodash to Substitute a Value in an Array of Objects