Develop an "Import Interface" using TypeScript

Question

Develop an "Import Interface" using TypeScript

I have a large project with many files and I believe using an import object would be beneficial. For instance, consider having menu.ts at the top level that every program will refer to:

import router from "./router/index";
import controllers from "./controllers/index";
import config from "./config";

export default {
  router: router,
  controllers: controllers,
  config: config
}

Here is an example of controllers/index.ts:

import database from "./database";
import accounts from "./accounts";
import a_controller from "./a_controller";

export default {
  database: database,
  accounts: accounts,
  a_controller: a_controller
}

However, this setup could lead to circular dependency issues with controllers referencing the menu. This can result in a

TypeError: cannot read property controllers of undefined

error message. Is there a solution to this problem?

Thank you for your assistance.

json typescript

Answer 1

Answer №1

For optimal usage in your scenario, it is recommended to utilize named imports. In the controllers/index.ts file, you can implement the following structure:

export { database } from "./database";
export { accounts } from "./accounts";
export { a_controller } from "./a_controller";

Furthermore, within your menu.ts file, you can then proceed to import them as demonstrated below:

import { database, accounts, a_controller } from './controller'

Answer 2

For optimal usage in your scenario, it is recommended to utilize named imports. In the controllers/index.ts file, you can implement the following structure:

export { database } from "./database";
export { accounts } from "./accounts";
export { a_controller } from "./a_controller";

Furthermore, within your menu.ts file, you can then proceed to import them as demonstrated below:

import { database, accounts, a_controller } from './controller'

Develop an "Import Interface" using TypeScript

Answer №1

Similar questions

Guide on how to show the index value of an array on the console in Angular 2

Guide on iteratively creating and appending data to a JSON file

Adding and removing/hiding tab-panels in Angular 4 with PrimeNg: A step-by-step guide

What is the proper way to change this JavaScript variable into JSON format?

Combining tempfile, gzip, and json dumping in Python

Which is more efficient: Storing the database as a private member variable in Ionic 3 SQLite or creating a new database for every query

Node OOM Error in Webpack Dev Server due to Material UI Typescript Integration

Having trouble triggering a change event within a React component?

Is it possible to create a data structure that enforces specific keys and values types during initialization?

The Perplexing Problem with Angular 15's Routing Module

Personalize JSON Output

A guide on extracting text using json.loads in Python

Using RxJs in Angular, you can invoke an observable from within an error callback

Creating a JSON object using various inputs through AngularJS

The Nuxt content Type 'ParsedContent | null' cannot be assigned to type 'Record<string, any> | undefined'

Issue with FormControlLabel not properly implementing disableCloseOnSelect in Material UI v5 Autocomplete

Tips for showing a Dialog box in reference to multiple rows in a table

Utilizing the $skip parameter in the SharePoint 2013 RESTful API

Parallel Execution Issue with RxJS Observable forkJoin

Combining multiple JSON objects in an array into one single object with the help of jQuery