crypto.randomUUID is not a function

[0x1af2aec8f957]

In my project, the use scenario of crypto is not directly introduced through the import syntax. In some places, I directly use the window.crypto.randomUUID method. This method can work as expected in the Chrome console. After the parceljs build, it cannot work as expected. I guess this may be related to Node Emulation. Can I configure it through @parcel/transformer-js in package.json? I can't find relevant documents.

Error screenshot:

[0x1af2aec8f957]

Additional note: The same code will not have this problem if it is run through parse serve.

[awerlang]

Note that window.crypto.randomUUID is only available under HTTPS context: https://developer.mozilla.org/en-US/docs/Web/API/Crypto/randomUUID

parcel serve might be running under HTTPS while your app doesn't?

[0x1af2aec8f957]

@awerlang It is indeed available in the context of HTTPS. However, HTTPS is not used in the parcel run mode, which is inconsistent with the expected effect.

Related screenshots:

[awerlang]

No idea why it behaves that way.

I think you have three options:

1. Make sure your app only runs under HTTPS;
2. Use import("crypto") syntax to get "node emulation";
3. Bring your own polyfill for window.crypto.

[awerlang]

If parcel run adds a window.crypto polyfill that's not available in a production build, I'd mark this as a bug.

[mischnic]

localhost is treated a secure origin, even without HTTPS.
For everything apart from localhost, you do need HTTPS.