exports issue when compile TS => JS

Question

I'm trying TypeScript especially to work with classes but I encounter an issue after my TS file is compiled in JS.

Here is the TS code for my class (PartenaireTSModel.ts):

export namespace Partenaires {
    export class Partenaire {
        private _IdPartenaire : number;
        private _DateCreation : Date;   

        public get IdPartenaire(){ return this._IdPartenaire; }
        public set IdPartenaire(idPartenaire: number){ this._IdPartenaire = idPartenaire; }

        public get DateCreation(){ return this._DateCreation; }
        public set DateCreation(dateCreation: Date){ this._DateCreation = dateCreation; }
    }
}

My TS code (Partenaires.ts):

import { Partenaires } from "./Models/PartenaireTSModel"

let partenaire = new Partenaires.Partenaire();
partenaire.IdPartenaire = 12;

After compiling the result in JS (Partenaires.js):

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var PartenaireTSModel_1 = require("./Models/PartenaireTSModel");
var partenaire = new PartenaireTSModel_1.Partenaires.Partenaire();
partenaire.IdPartenaire = 12;

I have this error when I launch my app : Uncaught ReferenceError: exports is not defined. (on line 2 of Partenaires.js)

Also tried :

import p = require("./Models/PartenaireTSModel");
let partenaire = new p.Partenaires.Partenaire();

instead of this :

import { Partenaires } from "./Models/PartenaireTSModel"
let partenaire = new Partenaires.Partenaire();

But I get the same error.

Here is my tsconfig.js :

{
  "compilerOptions": {
    "noImplicitAny": false,
    "noEmitOnError": true,
    "removeComments": false,
    "sourceMap": true,
    "target": "es5",
    "outDir": "wwwroot/js"
  },
  "include": [
    "TSScripts/**/*"
  ],
  "exclude": [
    "node_modules",
    "wwwroot"
  ]
}

Can someone help me ?

Thank you,

Philippe

There are a ton of related questions which may not all be exact duplicates, but are worth cross-linking: stackoverflow.com/q/42836459, stackoverflow.com/q/44916757, stackoverflow.com/q/54190891, stackoverflow.com/q/59696265, stackoverflow.com/q/68460707, stackoverflow.com/q/74142461, stackoverflow.com/q/78284974, stackoverflow.com/q/79821612. — Matt Kantor
– Matt Kantor, Commented Nov 17 at 12:14

kavigun · Accepted Answer · 2022-09-14 09:39:15Z

1

Add "module": "es6", in the compilerOptions object of tsconfig.json file. (So, the generated modules code runs natively in the browsers)

answered Sep 14, 2022 at 9:39

kavigun

2,3832 gold badges18 silver badges38 bronze badges

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

Collectives™ on Stack Overflow

exports issue when compile TS => JS

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related