After update typescript ^3.7.2 to latest "typescript": "^4.4.4" - error TS2339: Property 'msSaveOrOpenBlob' does not exist on type 'Navigator'

user_3499672 0
Viewed 12258

I have used this msSaveOrOpenBlob method . its was working properly but after update typescript into latest version I am getting multiple error there is two error .

window.navigator.msSaveOrOpenBlob(data, filename);

error TS2322: Type 'Promise<>' is not assignable to type 'IPromise<>'.

What is the fix of that .

typescript node.js
3 Answers

@Heretic Monkey answer is correct, but if you just want to get around the issue - since you are using TypeScript - you can just cast it to type any before calling msSaveOrOpenBlob.

(window.navigator as any).msSaveOrOpenBlob(data, filename);

Also, you should make sure the navigator object does have the method in the first place, so:

const nav = (window.navigator as any);
if (nav.msSaveOrOpenBlob) {
  nav.msSaveOrOpenBlob(data, filename);
}
user_8237320

msSaveOrOpenBlob was a proprietary addition to the Navigator object, added by Microsoft for Internet Explorer. Since Microsoft is phasing out support for Internet Explorer, it has removed support for many of the non-standard additions made to the lib.dom.d.ts and lib.es*.d.ts files that ship with TypeScript. See this GitHub issue about the changes to the DOM.d.ts file.

As indicated in this GitHub issue on the subject, you will have to use declaration merging to add these types to Navigator yourself.

user_2155520

It's my first development in angular more specific in the 12 version, and I created a method in a component that does a download a xlsx file, in Chrome its work but in IE it doesn't work, I find that adding this line window.navigator.msSaveOrOpenBlob(data, filename); Explorer can download file, but in VSC mark error and it is

Property 'msSaveOrOpenBlob' does not exist on type 'Navigator'

and I change the module and lib in tsconfig.json,

"module": "es2020",
"lib": [
    "es2020",
    "dom"
]

to:

"module": "es2015",
"lib": [
    "es2015",
    "dom"
]

In the code window.navigator.msSaveOrOpenBlob VSC mark the same

Property 'msSaveOrOpenBlob'....'

but when I execute ng serve its work and download a xlsx file in IE and Chrome.

user_91236050
Related