Is it possible to use export default Enum in TypeScript?

Question

Is it possible to use export default Enum in TypeScript?

I am facing an issue with exporting an enum object as default at the top level in my code. Here is what I tried:

export default enum Hashes{

FOO = 'foo',
BAR = 'bar',
}

However, this resulted in an error message:

Module parse failed: Unexpected token (1:15) File was processed with these loaders: [02:54] MABROUK, Sahnoun (external - Project)

./node_modules/@angular-devkit/build-angular/src/babel/webpack-loader.js

./node_modules/@ngtools/webpack/src/ivy/index.js

I then attempted a different approach:

export enum Hashes{
    
    FOO = 'foo',
    BAR = 'bar',
    }

This worked, but required me to import Hashes as an alias in all my components like this:

import {Hashes} from ... which has caused significant changes in my project!

Is there any alternative solution to this problem?

javascript angular typescript ecmascript-6 export

Answer 1

Answer №1

Understanding the functionality of ES6.

enum Hashes {
  FOO = 'foo',
  BAR = 'bar',
}

export default Hashes;

Considering exporting as const? In regards to the default export, each module can only have one default export. The default export can be a function, a class, an object, or any other entity. This value is crucial as it serves as the primary exported value and makes importing easier.

export const enum Hashes {
  FOO = 'foo',
  BAR = 'bar',
}

Answer 2

Understanding the functionality of ES6.

enum Hashes {
  FOO = 'foo',
  BAR = 'bar',
}

export default Hashes;

Considering exporting as const? In regards to the default export, each module can only have one default export. The default export can be a function, a class, an object, or any other entity. This value is crucial as it serves as the primary exported value and makes importing easier.

export const enum Hashes {
  FOO = 'foo',
  BAR = 'bar',
}

Answer 3

Answer №2

Remember, when using export default make sure to follow it with an expression, function, or class

. For more information, you can refer to Export MDN

It's important to note that this issue is not specific to TypeScript; rather, it's a common mistake in your code. To resolve it, simply define your enum first and then use export default.

enum Hashes {
 FOO = 'foo',
 BAR = 'bar',
}

export default Hashes

Answer 4

Remember, when using export default make sure to follow it with an expression, function, or class

. For more information, you can refer to Export MDN

It's important to note that this issue is not specific to TypeScript; rather, it's a common mistake in your code. To resolve it, simply define your enum first and then use export default.

enum Hashes {
 FOO = 'foo',
 BAR = 'bar',
}

export default Hashes

Is it possible to use export default Enum in TypeScript?

Answer №1

Answer №2

Similar questions

Issues with receiving data on $.ajax POST request

The addition of the woocommerce_add_to_cart action is causing issues with the website's native add to cart

Indicate various file formats within the interface

Retrieve information in JSON format using AngularJS by fetching data from SQL through PHP

The concatenation function in JavaScript does not seem to be functioning properly with JSON

Issue with OpenAI's Rate Limit 429 Restriction

Declarations for TypeScript in NPM packages

Axios: Exception handling does not involve entering the catch method

I'm curious if it's possible to utilize Raspberry Pi GPIO pins within a JavaScript frontend

Inability to load a MySQL table using Ajax on the same webpage

Utilizing a series of linked jQuery functions

Having trouble getting a React Hook to function properly in NextJS with TypeScript. Let's troubleshoot

Is there a way to conceal a slice of a pie chart in HighCharts without excluding it from the legend display?

Attempting to call a nested div class in JavaScript, but experiencing issues with the updated code when implemented in

Webstorm showcases files with similar content in a distinct manner

How can I prevent clicks on child links using the :not() selector?

The response error from the callback of the HTTP service in CouchDB with AngularJS lacks any meaningful data

What is the best way to store textarea information into a session using the jQuery AJAX post method in Codeigniter?

Js: Automatically populating data into various input fields

Is it possible to use vanilla JavaScript scroll event with AngularJS framework?