Uncaught ReferenceError: exports is not defined

[David00]

Hello,

I feel that this is a very basic issue due to my unfamiliarity with Typescript and the use of larger javascript libraries.

I've built the library from version 10.0.1 and I'm trying to use it in my Flask webapp.

I'm importing ip-address.js and when loading the page, I get this in my console:

Uncaught ReferenceError: exports is not defined
    <anonymous> http://127.0.0.1:5000/static/js/ip-address.js:21

I must be importing the wrong file to use this library, but I searched the rest of the Javascript files that I built with tsc and I am unable to find where exports is actually defined. I've also tried importing common.js, but I get the same reference error about exports not being defined.

A "quick start" type guide to using this library would be wonderful to help users who are less familiar with frontend development get started with this library. I've seen https://ip-address.js.org/ but it looks like this only contains API reference material.

So, how do I use this library?

[beaugunderson]

are you using a bundler or just building with tsc? if your project is open source or on github i'd be happy to take a look :)

On Tue, Nov 19 2024 at 15:21, David Albrecht @.***> wrote:

Hello,

I feel that this is a very basic issue due to my unfamiliarity with Typescript and the use of larger javascript libraries.

I've built the library from version 10.0.1 and I'm trying to use it in my Flask webapp.

I'm importing ip-address.js and when loading the page, I get this in my console:

Uncaught ReferenceError: exports is not defined

http://127.0.0.1:5000/static/js/ip-address.js:21 I must be importing the wrong file to use this library, but I searched the rest of the Javascript files that I built with tsc and I am unable to find where exports is actually defined. I've also tried importing common.js, but I get the same reference error about exports not being defined. A "quick start" type guide to using this library would be wonderful to help users who are less familiar with frontend development get started with this library. I've seen https://ip-address.js.org/ but it looks like this only contains API reference material. So, how do I use this library? — Reply to this email directly, view it on GitHub , or unsubscribe . You are receiving this because you are subscribed to this thread.Message ID: ***@***.***>

[David00]

Thanks for the super quick response, Beau!

Unfortunately the project is not open source - it's for an internal tool I'm building for work. I am not using a bundler - I just built with tsc and copied the resulting JS files (and structure) from dist/ into my Flask project. Here's the resulting files and directory structure of the ip-address library within my Flask project:

~/python-projects/vxlan-automation/flask-app/src/static/js/ip-address$ tree .
.
├── address-error.d.ts
├── address-error.d.ts.map
├── address-error.js
├── address-error.js.map
├── common.d.ts
├── common.d.ts.map
├── common.js
├── common.js.map
├── ip-address.d.ts
├── ip-address.d.ts.map
├── ip-address.js
├── ip-address.js.map
├── ipv4.d.ts
├── ipv4.d.ts.map
├── ipv4.js
├── ipv4.js.map
├── ipv6.d.ts
├── ipv6.d.ts.map
├── ipv6.js
├── ipv6.js.map
├── v4
│   ├── constants.d.ts
│   ├── constants.d.ts.map
│   ├── constants.js
│   └── constants.js.map
└── v6
    ├── constants.d.ts
    ├── constants.d.ts.map
    ├── constants.js
    ├── constants.js.map
    ├── helpers.d.ts
    ├── helpers.d.ts.map
    ├── helpers.js
    ├── helpers.js.map
    ├── regular-expressions.d.ts
    ├── regular-expressions.d.ts.map
    ├── regular-expressions.js
    └── regular-expressions.js.map

2 directories, 36 files

...and I've tried importing ip-address.js, common.js, and ipv4.js from the top-level ip-address directory.