jose.jwtVerify - ReferenceError: CryptoKey is not defined

[samuel-casasdray]

On local (ng serve) it works perfectly with this code
jose.jwtVerify(observer['token'], new TextEncoder().encode(environment.jwtKey)).then(...)

But when I build the application to put it on the server, I got an error :
ReferenceError: CryptoKey is not defined

So I don't really know how to solve that...
I even do a npm i crypto just in case, but it doesn't solve the problem

Version:
angular : 13.2.1
jose : 4.8.1

[panva]

Prepare a working example that can be built and run if you wish to get assistance please.

[samuel-casasdray]

How can i do that ?

[panva]

Maybe create a reproduction repository with the code and the steps needed to be taken described in it.

[samuel-casasdray]

ok i will try

[pickledbrill]

Have the same issue with CryptoKey.

[pickledbrill]

Find this article describes that CryptoKey only works in HTTPS. Adding SSL certificate just solved the issue.

[Lukunlin]

I met the same problem as you, but in fact he is not a problem。

because this API can only run in localhost and HTTPS environments.

therefore, the scenario where you make an error may be running in the HTTP environment

[panva]

https://developer.mozilla.org/en-US/docs/Web/API/Web_Crypto_API

https://developer.mozilla.org/en-US/docs/Web/Security/Secure_Contexts

[yerco]

I tried

import { Crypto } from '@peculiar/webcrypto'
global.crypto = new Crypto()

but for what i was doing a better alternative was

const cryptoAlt = require('crypto').webcrypto
const cryptoKey = require('crypto').webcrypto.CryptoKey
global.crypto = cryptoAlt
global.CryptoKey = cryptoKey