Error in Typescript: Uncaught ReferenceError - "exports" is undefined

Question

Error in Typescript: Uncaught ReferenceError - "exports" is undefined

Encountering an error message (Uncaught ReferenceError: exports is not defined) when attempting to import other TypeScript files in the main app.ts

app.ts

import { LanguagesConfigs } from './LanguagesConfigs';
let languagesConfigs = new LanguagesConfigs();

LanguagesConfigs.ts

export class LanguagesConfigs {
 code
}

tsconfig.json

{
    "compilerOptions": {
        "target": "es5",
        "module": "commonjs",
        "sourceMap": true
    }
}

Compiling in Visual Studio Code generates the .js and .js.map files.

Note: This project does not use frameworks like Angular, just plain TypeScript. Note2: CommonJS is installed in the project (Typescript ReferenceError: exports is not defined)

typescript

Answer 1

Answer №1

Utilizing the export keyword in your code with a tsconfig.json configuration of "module": "commonjs" will generate code following the commonjs module style.

For instance:

export class Foo{}

Will produce:

.
.
.
exports.Foo = Foo;

If you attempt to execute the resulting js code in an environment that does not support commonjs, you will encounter an error.

Notably, browsers do not typically support commonjs, whereas nodejs does. To enable commonjs functionality in the browser, you can utilize tools like webpack or browserify.

Answer 2

Utilizing the export keyword in your code with a tsconfig.json configuration of "module": "commonjs" will generate code following the commonjs module style.

For instance:

export class Foo{}

Will produce:

.
.
.
exports.Foo = Foo;

If you attempt to execute the resulting js code in an environment that does not support commonjs, you will encounter an error.

Notably, browsers do not typically support commonjs, whereas nodejs does. To enable commonjs functionality in the browser, you can utilize tools like webpack or browserify.

Error in Typescript: Uncaught ReferenceError - "exports" is undefined

Answer №1

Similar questions

Tips for avoiding the <p> and <br> elements while using a ContentEditable div

Creating interactive features for a TypeScript interface

Encountered a Solana Error while handling Instruction 2: custom program error with code 0x1000078

Leveraging TypeScript to share information between directives in AngularJS through asynchronous calls

Information obtained from the visible is consistently indefinable

Utilizing Variables in TypeScript to Enhance String Literal Types

What is the best way to organize information in a table based on the date

Ways to address the Generic Object Injection Sink eslint error (security/detect-object-injection)

What is the best way to link the data from the HTML input to the class property in the TypeScript file? (Combining Angular and IntroJs)

Component in Angular2 encountering a null value

What steps should I take to troubleshoot this Angular issue within a Visual Studio 2022 project that utilizes the Standalone Angular template?

What is the proper way to declare an array of arrays with interdependent types?

Using jest to simulate a private variable in your code

Having trouble with typecasting in Angular 9 after receiving an HTTP response?

The Microsoft EDGE browser is encountering a XHR HTTP404 error when trying to access a TypeScript

Using Angular Form Builder to assign a value depending on the selected option in a dropdown menu

Showing a global variable from an external JavaScript library

How can we exclude fields from JSON.stringify in type-graphql entities?

When using Next.js or Express, a TypeScript project will seamlessly integrate as a local dependency during runtime or when building

Tips on executing an asynchronous operation before exiting