Using with typescript/angular

[grosch]

I did an npm install libsodium-wrappers but when I try and build I get this:

WARNING in ./node_modules/libsodium/dist/modules/libsodium.js
Module not found: Error: Can't resolve 'crypto' in '/private/tmp/vtb/node_modules/libsodium/dist/modules'

ERROR in ./node_modules/libsodium/dist/modules/libsodium.js
Module not found: Error: Can't resolve 'path' in '/private/tmp/vtb/node_modules/libsodium/dist/modules'

Are there other npm modules that are required?

[bufke]

I get the warning too and just ignore it. I don't get the error. How are you building? Angular-cli? Custom webpack? I use libsodium.js with angular-cli. Feel free to look at my configuration.

[grosch]

OK, I have a bare project that's failing now. I can reproduce it like so.

1. ng new failing (no routing, plain css)
2. npm install libsodium-wrappers
3. Edit src/app/app.component.ts to do an import * as Sodium from 'libsodium-wrappers' and then in the constructor just say const key = Sodium.from_hex('');
4. npm run build

ng --version says this:

Angular CLI: 7.0.7
Node: 11.5.0
OS: darwin x64
Angular: 7.0.4

[bufke]

There's two ways to fix this.

You could install the package path npm i path or edit your package.json and add

"browser": {
    "path": false
  }

You can read me here. From what I understand libsodium references path. path is a node thing and doesn't exist in the browser. Libsodium on a browser doesn't actually make use of path but it seems to need it in order to be bundled. Therefore you can set path to be anything or polyfill it. Ah Javascript...

[grosch]

Thank you, that fixed it!