NativeScript-Vue with Typescript in VSCode with Vetur: Alert with then giving Property 'then' does not exist on type 'void'

Question

I'm using VSCode with Vetur. This is my code:

alert({
  title: 'Success!',
  message: 'Account created successfully',
  okButtonText: 'Okay'
  }).then(() => {
  console.log('Alert dialog closed!');
})

I get the error Property 'then' does not exist on type 'void' Vetur(2339)

I just follow the instructions in the docs here: https://nativescript-vue.org/en/docs/elements/dialogs/alert/

Any idea what's going on?

Yes, I'm using TypeScript with ESLint and Vetur extensions in VSCode — Ayudh, May 16 '20 at 05:56
Then I think it must be your tsconfig or Vetur extensions, I'm not exactly sure. But I can say for sure that alert supports promise in {N}. You can simply bypass the compiler error by casting alert to any. — Manoj, May 16 '20 at 06:31

Patrick · Accepted Answer · 2020-12-07T12:08:46.973

1

EDIT for Nativescript 7:

import {Dialogs} from "@nativescript/core";

then use

Dialogs.alert({
  foo
});

or whatever you need from the Dialogs module.

Original answer:

Make sure to either

import { alert } from 'tns-core-modules/ui/dialogs'

edit: or (thanks ayudh)

import { alert } from '@nativescript/core/ui/dialogs'

edited Dec 07 '20 at 12:08

answered May 16 '20 at 22:16

Patrick

39
4

NativeScript-Vue with Typescript in VSCode with Vetur: Alert with then giving Property 'then' does not exist on type 'void'

1 Answers1