How do I use pure javascript library, hashids.js on angular?

Question

I tried importing the library directly

import * as hash from '../../../../node_modules/hashids';

and tried this code

let id = hash.encode(this.studentDocument.student_id_number); console.log(id);

But it throws this error, sad.

_node_modules_hashids__WEBPACK_IMPORTED_MODULE_2__.encode is not a function

I even tried this

declare var hash:any;

But it throws this error

hash is not defined

Any tip would be greatly appreciated! (a cont. of this post)

have you try to replace import * as hash from '../../../../node_modules/hashids'; by require('hashids') ? — Yanis-git
– Yanis-git, Commented Sep 10, 2018 at 7:23
after require, just put declare var hashids:any; then consume as documentation. — Yanis-git
– Yanis-git, Commented Sep 10, 2018 at 7:44
It throws this error, ERROR ReferenceError: hashids is not defined. I guess it really has its quirks. Thanks for replying again sir! — Justine M.
– Justine M., Commented Sep 10, 2018 at 7:47

Wingnod · Accepted Answer · 2018-09-10 07:48:12Z

2

You need to create a new instance of the hashids object.

import * as hash from 'hashids';

const hashids = new hash();
const id = hashids.encode(348029348);
console.log(id);

answered Sep 10, 2018 at 7:48

Wingnod

6364 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Justine M. Over a year ago

Sir wingnod, I threw the code to the constructor, minus the import but this error pops up. Cannot use 'new' with an expression whose type lacks a call or construct signature.

Justine M. Over a year ago

It didn't with import * as hash from 'hashids'; But worked with import * as hash from '../../../../node_modules/hashids/dist/hashids.min.js';

Collectives™ on Stack Overflow

How do I use pure javascript library, hashids.js on angular?

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related