How to import npm module in JavaScript stimulus

Question

I want to use imageToZ64() from zpl-image module

I have installed it using: npm install zpl-image

and then I import it: import './../../../node_modules/zpl-image';

but when I use the fucntion like this let res = imageToZ64(canvas); i'm getting : Uncaught (in promise) ReferenceError: imageToZ64 is not defined

I tried to import it like this: import { imageToZ64 } from './../../../node_modules/zpl-image/zpl-image';

but the problem is this function uses other functions from pako.js which is another js file in the zpl-image. my question is how to import the module in a way that I can be able to access all the functions?

const { imageToZ64 } = require("zpl-image"); Should do the work. Also reading about import-export will help in long run — Vivek Molkar
– Vivek Molkar, Commented Dec 23, 2019 at 13:58
thanks but now I'm getting this error as I expected : main.js:66 Uncaught (in promise) ReferenceError: pako is not defined at t (main.js:66) at imageToZ64 (main.js:66) at main.js:28 it can't acess pako.js file ! — NesuGH
– NesuGH, Commented Dec 23, 2019 at 17:35

WaLid LamRaoui · Accepted Answer · 2021-05-29 18:03:17Z

1

I highly recommend you read the README here : zpl-image repo GitHub

In order to use this with Node.js :

const imageToZ64 = require("zpl-image").imageToZ64;

Or :

const { imageToZ64, rgbaToZ64 } = require("zpl-image");

If you are trying to use it in the browser read generic browser usage since you already installed it via npm there is a demo file in node_modules/zpl-image/zpl-image.html ,you can open it in the browser, read its content, and understand how the code works which is the purpose of the demo file.

edited May 29, 2021 at 18:03

answered Dec 23, 2019 at 15:34

WaLid LamRaoui

2,4852 gold badges19 silver badges35 bronze badges

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

5 Comments

NesuGH Over a year ago

i've tried both but i'm still getting : main.js:66 Uncaught (in promise) ReferenceError: pako is not defined at t (main.js:66) at imageToZ64 (main.js:66) at main.js:28 it can't acess pako.js file !

WaLid LamRaoui Over a year ago

OK , can you please edit your question and provide more information : code you have wrote , your project setup , and what are you trying to do, so i can investigate further on why you are getting this errors

WaLid LamRaoui Over a year ago

i really can't figure out why you are getting this error since you didn't provide more informations , if you're trying to use zpl-image in the browser i already edited the answer .

NesuGH Over a year ago

I added the JS scripts references to my HTML page just to try and suddenly it works! I can access the functions from my controller now I don't know how this helped actually ! ,, Thanks WaLid !

WaLid LamRaoui Over a year ago

You are welcome, please do not forget to mark this answer as Accepted

Collectives™ on Stack Overflow

How to import npm module in JavaScript stimulus

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related