What is the best way to compile TypeScript files without them being dependent on each other?

Question

What is the best way to compile TypeScript files without them being dependent on each other?

I have created a TypeScript class file with the following code:

class SampleClass {
  public load(): void {
    console.log('loaded');
  }
}

Now, I also have another TypeScript file which contains functions that need to utilize this class:

// declaration of SomeClass
declare var SampleClass;

function useSampleClass() {
  const instance = new SampleClass();
  instance.load();
}

When working in Visual Studio 2019, I encounter an issue where it identifies a duplicate declaration for SomeClass (seen at the declare var SampleClass line). Although the .js file still gets generated, there is an error present.

Considering the problem of duplicate declarations, how can I instruct Visual Studio to compile the .ts files independently from one another?

javascript typescript visual-studio

Answer 1

Answer №1

In order to utilize the SomeClass class in another TypeScript file, it is recommended to export the class in the original file where it was defined and then import the class in any other TypeScript files where you wish to use it. Check out the demonstration below.

file-one.ts:

export class SomeClass {
    public load(): void {
        console.log("loaded");
    }
}

file-two.ts:

import { SomeClass } from './file-one';

function utilizeClass() {
  const instance = new SomeClass();
  instance.load();
}

Answer 2

In order to utilize the SomeClass class in another TypeScript file, it is recommended to export the class in the original file where it was defined and then import the class in any other TypeScript files where you wish to use it. Check out the demonstration below.

file-one.ts:

export class SomeClass {
    public load(): void {
        console.log("loaded");
    }
}

file-two.ts:

import { SomeClass } from './file-one';

function utilizeClass() {
  const instance = new SomeClass();
  instance.load();
}

What is the best way to compile TypeScript files without them being dependent on each other?

Answer №1

Similar questions

Ways to implement a filter pipe on a property within an array of objects with an unspecified value

Dealing with unanticipated consequences in computed attributes - Vue.js

Combining Multiple NodeLists in Javascript

Transform the JavaScript onclick function into jQuery

Are you prepared for changing DropDowns?

Employing distinct techniques for a union-typed variable in TypeScript

`MongoDb aggregation performance degradation with numerous collections (join)`

Tips for invoking a particular function when a row in a Kendo grid is clicked

Whenever I attempt to make changes to the React state, it always ends up getting reset

javascript has a funny way of saying "this is not equal to this" (well,

Understanding JSON Parsing in Jade

Is there a way to send an array of objects as parameters in JavaScript?

Express.js post request not functioning properly

I would like to take the first two letters of the first and last name from the text box and display them somewhere on the page

Guide to adding a JS file from npm package to a new page in Nuxt.js

Unable to access the following element using jQuery's next() method

Guide to retrieving account information from a MySQL database

Activate jQuery function upon clicking a bootstrap tab

Extract different properties from an object as needed

Add a text to the values in a column of a table when the IDs are the same