web-push icon indicating copy to clipboard operation
web-push copied to clipboard

Next.ts | vapid-helper.js | URL is not a constructor

Open Izocel opened this issue 1 year ago • 1 comments

Any hints on how to resolve this ?

image

client-stack:

TypeError: URL is not a constructor
    at Object.validateSubject (vapid-helper.js:80:26)
    at push.[project]/node_modules/web-push/src/web-push-lib.js [app-client] (:3000/ecmascript).WebPushLib.setVapidDetails (https://localhost:3000/_next/static/chunks/node_modules_3bae01._.js:5643:17)
    at [project]/src/app/tools/WebPush.ts [app-client] (:3000/ecmascript) (https://localhost:3000/_next/static/chunks/src_98f639._.js:40:167)
    at dev-base.ts:205:21
    at runModuleExecutionHooks (dev-base.ts:264:5)
    at instantiateModule (dev-base.ts:203:5)
    at getOrInstantiateModuleFromParent (dev-base.ts:132:10)
    at esmImport (runtime-utils.ts:214:18)
    at [project]/src/app/_components/PushNotificationManager.tsx [app-client] (:3000/ecmascript) (https://localhost:3000/_next/static/chunks/src_98f639._.js:94:137)
    at dev-base.ts:205:21
    at runModuleExecutionHooks (dev-base.ts:264:5)
    at instantiateModule (dev-base.ts:203:5)
    at getOrInstantiateModuleFromParent (dev-base.ts:132:10)
    at commonJsRequire (runtime-utils.ts:241:18)
    at requireModule (react-server-dom-turbopack-client.browser.development.js:108:27)
    at initializeModuleChunk (react-server-dom-turbopack-client.browser.development.js:1051:21)
    at readChunk (react-server-dom-turbopack-client.browser.development.js:925:11)
    at react-stack-bottom-frame (react-dom-client.development.js:22442:18)
    at beginWork (react-dom-client.development.js:9582:24)
    at runWithFiberInDEV (react-dom-client.development.js:543:16)
    at performUnitOfWork (react-dom-client.development.js:14985:22)
    at workLoopConcurrent (react-dom-client.development.js:14979:9)
    at renderRootConcurrent (react-dom-client.development.js:14954:15)
    at performWorkOnRoot (react-dom-client.development.js:14286:11)
    at performWorkOnRootViaSchedulerTask (react-dom-client.development.js:15842:7)
    at MessagePort.performWorkUntilDeadline (scheduler.development.js:44:48)

Using the window API whould solve my case:

new window.URL(subject)

Izocel avatar Nov 23 '24 13:11 Izocel