How to use a package installed via npm in a standard javascript file?

I installed this package via npm: https://www.jsdelivr.com/package/npm/zebra-browser-print-wrapper

I first did npm i zebra-browser-print-wrapper like it states.

In my normal javascript file, I added the cdn link like below:

<script src="https://cdn.jsdelivr.net/npm/[email protected]/lib/index.min.js"></script>

Before writing any code to leverage this new package, when I load the page, I get the following error in the console:

Uncaught ReferenceError: exports is not defined at index.min.js:7:1461

which is this line within that file:

Object.defineProperty(exports, "__esModule", {

I do see the package is in my package.json file as follows:

{
  "devDependencies": {
    "tailwindcss": "^3.3.5"
  },
  "scripts": {
    "build": "npx tailwindcss -i ./static/css/src/input.css -o ./static/css/styles.css",
    "watch": "npx tailwindcss -i ./static/css/src/input.css -o ./static/css/styles.css --watch"
  },
  "dependencies": {
    "flowbite": "^2.4.0",
    "zebra-browser-print-wrapper": "^0.1.4". <-------------
  }
}

I’m not sure if I’m missing something basic/simple. I’m fairly new to npm.