Как избежать конфликта между библиотекарями "dom" и "webworker"?

Question

Я использую TypeScript с React, и одной из целей, которую я хочу достичь, является фоновая синхронизация для автономной поддержки.

Чтобы включить наборы для сервисного работника, я должен включить lib "webworker", но он конфликтует с lib "dom". и выдадим такую ​​ошибку:

(25,1): Definitions of the following identifiers conflict with those in another file: 
EventListenerOrEventListenerObject, BlobPart, HeadersInit, BodyInit,
RequestInfo, DOMHighResTimeStamp, PerformanceEntryList, PushMessageDataInit,
VibratePattern, BufferSource, DOMTimeStamp, FormDataEntryValue, 
IDBValidKey, MessageEventSource, BinaryType, ClientTypes, 
IDBCursorDirection, IDBRequestReadyState, IDBTransactionMode, 
NotificationDirection, NotificationPermission, PushEncryptionKeyName, 
PushPermissionState, ReferrerPolicy, RequestCache, RequestCredentials, 
RequestDestination, RequestMode, RequestRedirect, ResponseType, 
ServiceWorkerState, ServiceWorkerUpdateViaCache, VisibilityState, 
WorkerType, XMLHttpRequestResponseType

Поэтому мне интересно, есть ли обходной путь, кроме ввода большинства моих аргументов any

Спасибо: -)

Answer 1

Вы можете разбить ваш проект на несколько частей с отдельными tsconfig.json файлами: одна часть, которая включает в себя dom lib, и одна часть, которая включает webworker lib.Вы можете сделать еще одну часть для общего кода, который не зависит ни от одной библиотеки.Вы можете использовать ссылки на проекты , чтобы помочь автоматизировать сборку.Если это не решит проблему полностью, обновите вопрос, чтобы описать остающиеся проблемы.