`vue-tsc --noEmit` fails right after adding "webworker" to tsconfig.json as a lib

[Ky6uk]

I've tried to add PWA support to Vue 3 app with vite-plugin-pwa. It looks like the plugin requires "webworker" library that should be added to the lib section into tsconfig.json. But right after doing this the command vue-tsc --noEmit starts failing.

The project had been generated with npm init vite.

• @vitejs/plugin-vue: v1.2.5
• typescript: v4.3.5
• vite: v2.4.2
• vue: v3.1.4
• vue-tsc: v0.0.24

Error details

```ts node_modules/vue-tsc/typescript/lib/lib.dom.d.ts:25:1 - error TS6200: Definitions of the following identifiers conflict with those in another file: EventListenerOrEventListenerObject, ImportExportKind, TableKind, ValueType, ExportValue, Exports, ImportValue, ModuleImports, Imports, name, HeadersInit, BodyInit, RequestInfo, BlobPart, DOMHighResTimeStamp, CanvasImageSource, OffscreenRenderingContext, MessageEventSource, ImageBitmapSource, OnErrorEventHandler, TimerHandler, PerformanceEntryList, ReadableStreamReader, ReadableStreamController, VibratePattern, AlgorithmIdentifier, HashAlgorithmIdentifier, BigInteger, NamedCurve, GLenum, GLboolean, GLbitfield, GLint, GLsizei, GLintptr, GLsizeiptr, GLuint, GLfloat, GLclampf, TexImageSource, Float32List, Int32List, GLint64, GLuint64, Uint32List, BufferSource, DOMTimeStamp, FormDataEntryValue, IDBValidKey, Transferable, ReadableStreamDefaultReadResult, BinaryType, CanvasDirection, CanvasFillRule, CanvasLineCap, CanvasLineJoin, CanvasTextAlign, CanvasTextBaseline, ClientTypes, ColorSpaceConversion, EndingType, IDBCursorDirection, IDBRequestReadyState, IDBTransactionMode, ImageOrientation, ImageSmoothingQuality, KeyFormat, KeyType, KeyUsage, NotificationDirection, NotificationPermission, OffscreenRenderingContextId, PermissionName, PermissionState, PremultiplyAlpha, PushEncryptionKeyName, PushPermissionState, ReferrerPolicy, RequestCache, RequestCredentials, RequestDestination, RequestMode, RequestRedirect, ResizeQuality, ResponseType, ServiceWorkerState, ServiceWorkerUpdateViaCache, VisibilityState, WebGLPowerPreference, WorkerType, XMLHttpRequestResponseType 25 interface Account { ~~~~~~~~~ node_modules/vue-tsc/typescript/lib/lib.webworker.d.ts:25:1 25 interface AddEventListenerOptions extends EventListenerOptions { ~~~~~~~~~ Conflicts are in this file. node_modules/vue-tsc/typescript/lib/lib.dom.d.ts:3773:5 - error TS2687: All declarations of 'privateKey' must have identical modifiers. 3773 privateKey: CryptoKey; ~~~~~~~~~~ node_modules/vue-tsc/typescript/lib/lib.dom.d.ts:3774:5 - error TS2687: All declarations of 'publicKey' must have identical modifiers. 3774 publicKey: CryptoKey; ~~~~~~~~~ node_modules/vue-tsc/typescript/lib/lib.webworker.d.ts:25:1 - error TS6200: Definitions of the following identifiers conflict with those in another file: EventListenerOrEventListenerObject, ImportExportKind, TableKind, ValueType, ExportValue, Exports, ImportValue, ModuleImports, Imports, name, HeadersInit, BodyInit, RequestInfo, BlobPart, DOMHighResTimeStamp, CanvasImageSource, OffscreenRenderingContext, MessageEventSource, ImageBitmapSource, OnErrorEventHandler, TimerHandler, PerformanceEntryList, ReadableStreamReader, ReadableStreamController, VibratePattern, AlgorithmIdentifier, HashAlgorithmIdentifier, BigInteger, NamedCurve, GLenum, GLboolean, GLbitfield, GLint, GLsizei, GLintptr, GLsizeiptr, GLuint, GLfloat, GLclampf, TexImageSource, Float32List, Int32List, GLint64, GLuint64, Uint32List, BufferSource, DOMTimeStamp, FormDataEntryValue, IDBValidKey, Transferable, ReadableStreamDefaultReadResult, BinaryType, CanvasDirection, CanvasFillRule, CanvasLineCap, CanvasLineJoin, CanvasTextAlign, CanvasTextBaseline, ClientTypes, ColorSpaceConversion, EndingType, IDBCursorDirection, IDBRequestReadyState, IDBTransactionMode, ImageOrientation, ImageSmoothingQuality, KeyFormat, KeyType, KeyUsage, NotificationDirection, NotificationPermission, OffscreenRenderingContextId, PermissionName, PermissionState, PremultiplyAlpha, PushEncryptionKeyName, PushPermissionState, ReferrerPolicy, RequestCache, RequestCredentials, RequestDestination, RequestMode, RequestRedirect, ResizeQuality, ResponseType, ServiceWorkerState, ServiceWorkerUpdateViaCache, VisibilityState, WebGLPowerPreference, WorkerType, XMLHttpRequestResponseType 25 interface AddEventListenerOptions extends EventListenerOptions { ~~~~~~~~~ node_modules/vue-tsc/typescript/lib/lib.dom.d.ts:25:1 25 interface Account { ~~~~~~~~~ Conflicts are in this file. node_modules/vue-tsc/typescript/lib/lib.webworker.d.ts:89:5 - error TS2687: All declarations of 'privateKey' must have identical modifiers. 89 privateKey?: CryptoKey; ~~~~~~~~~~ node_modules/vue-tsc/typescript/lib/lib.webworker.d.ts:89:5 - error TS2717: Subsequent property declarations must have the same type. Property 'privateKey' must be of type 'CryptoKey', but here has type 'CryptoKey | undefined'. 89 privateKey?: CryptoKey; ~~~~~~~~~~ node_modules/vue-tsc/typescript/lib/lib.dom.d.ts:3773:5 3773 privateKey: CryptoKey; ~~~~~~~~~~ 'privateKey' was also declared here. node_modules/vue-tsc/typescript/lib/lib.webworker.d.ts:90:5 - error TS2687: All declarations of 'publicKey' must have identical modifiers. 90 publicKey?: CryptoKey; ~~~~~~~~~ node_modules/vue-tsc/typescript/lib/lib.webworker.d.ts:90:5 - error TS2717: Subsequent property declarations must have the same type. Property 'publicKey' must be of type 'CryptoKey', but here has type 'CryptoKey | undefined'. 90 publicKey?: CryptoKey; ~~~~~~~~~ node_modules/vue-tsc/typescript/lib/lib.dom.d.ts:3774:5 3774 publicKey: CryptoKey; ~~~~~~~~~ 'publicKey' was also declared here. node_modules/vue-tsc/typescript/lib/lib.webworker.d.ts:1193:13 - error TS2403: Subsequent variable declarations must have the same type. Variable 'DOMMatrixReadOnly' must be of type '{ new (init?: string | number[] | undefined): DOMMatrixReadOnly; prototype: DOMMatrixReadOnly; fromFloat32Array(array32: Float32Array): DOMMatrixReadOnly; fromFloat64Array(array64: Float64Array): DOMMatrixReadOnly; fromMatrix(other?: DOMMatrixInit | undefined): DOMMatrixReadOnly; toString(): string; }', but here has type '{ new (init?: string | number[] | undefined): DOMMatrixReadOnly; prototype: DOMMatrixReadOnly; fromFloat32Array(array32: Float32Array): DOMMatrixReadOnly; fromFloat64Array(array64: Float64Array): DOMMatrixReadOnly; fromMatrix(other?: DOMMatrixInit | undefined): DOMMatrixReadOnly; }'. 1193 declare var DOMMatrixReadOnly: { ~~~~~~~~~~~~~~~~~ node_modules/vue-tsc/typescript/lib/lib.dom.d.ts:3995:13 3995 declare var DOMMatrixReadOnly: { ~~~~~~~~~~~~~~~~~ 'DOMMatrixReadOnly' was also declared here. node_modules/vue-tsc/typescript/lib/lib.webworker.d.ts:1290:5 - error TS2375: Duplicate number index signature. 1290 [index: number]: string; ~~~~~~~~~~~~~~~~~~~~~~~~ node_modules/vue-tsc/typescript/lib/lib.webworker.d.ts:1599:5 - error TS2375: Duplicate number index signature. 1599 [index: number]: File; ~~~~~~~~~~~~~~~~~~~~~~ node_modules/vue-tsc/typescript/lib/lib.webworker.d.ts:1673:13 - error TS2403: Subsequent variable declarations must have the same type. Variable 'FormData' must be of type '{ new (form?: HTMLFormElement | undefined): FormData; prototype: FormData; }', but here has type '{ new (): FormData; prototype: FormData; }'. 1673 declare var FormData: { ~~~~~~~~ node_modules/vue-tsc/typescript/lib/lib.dom.d.ts:5630:13 5630 declare var FormData: { ~~~~~~~~ 'FormData' was also declared here. node_modules/vue-tsc/typescript/lib/lib.webworker.d.ts:2207:14 - error TS2717: Subsequent property declarations must have the same type. Property 'canvas' must be of type 'HTMLCanvasElement | OffscreenCanvas', but here has type 'OffscreenCanvas'. 2207 readonly canvas: OffscreenCanvas; ~~~~~~ node_modules/vue-tsc/typescript/lib/lib.dom.d.ts:9642:14 9642 readonly canvas: HTMLCanvasElement | OffscreenCanvas; ~~~~~~ 'canvas' was also declared here. node_modules/vue-tsc/typescript/lib/lib.webworker.d.ts:2395:13 - error TS2403: Subsequent variable declarations must have the same type. Variable 'Notification' must be of type '{ new (title: string, options?: NotificationOptions | undefined): Notification; prototype: Notification; readonly maxActions: number; readonly permission: NotificationPermission; requestPermission(deprecatedCallback?: NotificationPermissionCallback | undefined): Promise<...>; }', but here has type '{ new (title: string, options?: NotificationOptions | undefined): Notification; prototype: Notification; readonly maxActions: number; readonly permission: NotificationPermission; }'. 2395 declare var Notification: { ~~~~~~~~~~~~ node_modules/vue-tsc/typescript/lib/lib.dom.d.ts:11183:13 11183 declare var Notification: { ~~~~~~~~~~~~ 'Notification' was also declared here. node_modules/vue-tsc/typescript/lib/lib.webworker.d.ts:4777:14 - error TS2717: Subsequent property declarations must have the same type. Property 'canvas' must be of type 'HTMLCanvasElement | OffscreenCanvas', but here has type 'OffscreenCanvas'. 4777 readonly canvas: OffscreenCanvas; ~~~~~~ node_modules/vue-tsc/typescript/lib/lib.dom.d.ts:17808:14 17808 readonly canvas: HTMLCanvasElement | OffscreenCanvas; ~~~~~~ 'canvas' was also declared here. node_modules/vue-tsc/typescript/lib/lib.webworker.d.ts:5900:13 - error TS2403: Subsequent variable declarations must have the same type. Variable 'onmessage' must be of type '((this: Window, ev: MessageEvent) => any) | null', but here has type '((this: DedicatedWorkerGlobalScope, ev: MessageEvent) => any) | null'. 5900 declare var onmessage: ((this: DedicatedWorkerGlobalScope, ev: MessageEvent) => any) | null; ~~~~~~~~~ node_modules/vue-tsc/typescript/lib/lib.dom.d.ts:20013:13 20013 declare var onmessage: ((this: Window, ev: MessageEvent) => any) | null; ~~~~~~~~~ 'onmessage' was also declared here. node_modules/vue-tsc/typescript/lib/lib.webworker.d.ts:5901:13 - error TS2403: Subsequent variable declarations must have the same type. Variable 'onmessageerror' must be of type '((this: Window, ev: MessageEvent) => any) | null', but here has type '((this: DedicatedWorkerGlobalScope, ev: MessageEvent) => any) | null'. 5901 declare var onmessageerror: ((this: DedicatedWorkerGlobalScope, ev: MessageEvent) => any) | null; ~~~~~~~~~~~~~~ node_modules/vue-tsc/typescript/lib/lib.dom.d.ts:20014:13 20014 declare var onmessageerror: ((this: Window, ev: MessageEvent) => any) | null; ~~~~~~~~~~~~~~ 'onmessageerror' was also declared here. node_modules/vue-tsc/typescript/lib/lib.webworker.d.ts:5918:13 - error TS2403: Subsequent variable declarations must have the same type. Variable 'location' must be of type 'Location', but here has type 'WorkerLocation'. 5918 declare var location: WorkerLocation; ~~~~~~~~ node_modules/vue-tsc/typescript/lib/lib.dom.d.ts:19615:13 19615 declare var location: Location; ~~~~~~~~ 'location' was also declared here. node_modules/vue-tsc/typescript/lib/lib.webworker.d.ts:5919:13 - error TS2403: Subsequent variable declarations must have the same type. Variable 'navigator' must be of type 'Navigator', but here has type 'WorkerNavigator'. 5919 declare var navigator: WorkerNavigator; ~~~~~~~~~ node_modules/vue-tsc/typescript/lib/lib.dom.d.ts:19621:13 19621 declare var navigator: Navigator; ~~~~~~~~~ 'navigator' was also declared here. node_modules/vue-tsc/typescript/lib/lib.webworker.d.ts:5920:13 - error TS2403: Subsequent variable declarations must have the same type. Variable 'onerror' must be of type 'OnErrorEventHandler', but here has type '((this: DedicatedWorkerGlobalScope, ev: ErrorEvent) => any) | null'. 5920 declare var onerror: ((this: DedicatedWorkerGlobalScope, ev: ErrorEvent) => any) | null; ~~~~~~~ node_modules/vue-tsc/typescript/lib/lib.dom.d.ts:19820:13 19820 declare var onerror: OnErrorEventHandler; ~~~~~~~ 'onerror' was also declared here. node_modules/vue-tsc/typescript/lib/lib.webworker.d.ts:5921:13 - error TS2403: Subsequent variable declarations must have the same type. Variable 'onlanguagechange' must be of type '((this: Window, ev: Event) => any) | null', but here has type '((this: DedicatedWorkerGlobalScope, ev: Event) => any) | null'. 5921 declare var onlanguagechange: ((this: DedicatedWorkerGlobalScope, ev: Event) => any) | null; ~~~~~~~~~~~~~~~~ node_modules/vue-tsc/typescript/lib/lib.dom.d.ts:20012:13 20012 declare var onlanguagechange: ((this: Window, ev: Event) => any) | null; ~~~~~~~~~~~~~~~~ 'onlanguagechange' was also declared here. node_modules/vue-tsc/typescript/lib/lib.webworker.d.ts:5922:13 - error TS2403: Subsequent variable declarations must have the same type. Variable 'onoffline' must be of type '((this: Window, ev: Event) => any) | null', but here has type '((this: DedicatedWorkerGlobalScope, ev: Event) => any) | null'. 5922 declare var onoffline: ((this: DedicatedWorkerGlobalScope, ev: Event) => any) | null; ~~~~~~~~~ node_modules/vue-tsc/typescript/lib/lib.dom.d.ts:20015:13 20015 declare var onoffline: ((this: Window, ev: Event) => any) | null; ~~~~~~~~~ 'onoffline' was also declared here. node_modules/vue-tsc/typescript/lib/lib.webworker.d.ts:5923:13 - error TS2403: Subsequent variable declarations must have the same type. Variable 'ononline' must be of type '((this: Window, ev: Event) => any) | null', but here has type '((this: DedicatedWorkerGlobalScope, ev: Event) => any) | null'. 5923 declare var ononline: ((this: DedicatedWorkerGlobalScope, ev: Event) => any) | null; ~~~~~~~~ node_modules/vue-tsc/typescript/lib/lib.dom.d.ts:20016:13 20016 declare var ononline: ((this: Window, ev: Event) => any) | null; ~~~~~~~~ 'ononline' was also declared here. node_modules/vue-tsc/typescript/lib/lib.webworker.d.ts:5924:13 - error TS2403: Subsequent variable declarations must have the same type. Variable 'onrejectionhandled' must be of type '((this: Window, ev: PromiseRejectionEvent) => any) | null', but here has type '((this: DedicatedWorkerGlobalScope, ev: PromiseRejectionEvent) => any) | null'. 5924 declare var onrejectionhandled: ((this: DedicatedWorkerGlobalScope, ev: PromiseRejectionEvent) => any) | null; ~~~~~~~~~~~~~~~~~~ node_modules/vue-tsc/typescript/lib/lib.dom.d.ts:20020:13 20020 declare var onrejectionhandled: ((this: Window, ev: PromiseRejectionEvent) => any) | null; ~~~~~~~~~~~~~~~~~~ 'onrejectionhandled' was also declared here. node_modules/vue-tsc/typescript/lib/lib.webworker.d.ts:5925:13 - error TS2403: Subsequent variable declarations must have the same type. Variable 'onunhandledrejection' must be of type '((this: Window, ev: PromiseRejectionEvent) => any) | null', but here has type '((this: DedicatedWorkerGlobalScope, ev: PromiseRejectionEvent) => any) | null'. 5925 declare var onunhandledrejection: ((this: DedicatedWorkerGlobalScope, ev: PromiseRejectionEvent) => any) | null; ~~~~~~~~~~~~~~~~~~~~ node_modules/vue-tsc/typescript/lib/lib.dom.d.ts:20022:13 20022 declare var onunhandledrejection: ((this: Window, ev: PromiseRejectionEvent) => any) | null; ~~~~~~~~~~~~~~~~~~~~ 'onunhandledrejection' was also declared here. node_modules/vue-tsc/typescript/lib/lib.webworker.d.ts:5929:13 - error TS2403: Subsequent variable declarations must have the same type. Variable 'self' must be of type 'Window & typeof globalThis', but here has type 'WorkerGlobalScope & typeof globalThis'. 5929 declare var self: WorkerGlobalScope & typeof globalThis; ~~~~ node_modules/vue-tsc/typescript/lib/lib.dom.d.ts:19675:13 19675 declare var self: Window & typeof globalThis; ~~~~ 'self' was also declared here. Found 26 errors. ```

[johnsoncodehk]

This is same output with executing tsc --noEmit, it's not vue-tsc problem. I think "webworker" is conflict with your other settings in lib section.

[Ky6uk]

@johnsoncodehk Thanks, I haven't tested with tsc. It looks like the problem exists for years in TypeScript.