Utilize a type from a different global module that shares a common submodule

Question

Utilize a type from a different global module that shares a common submodule

I am currently working on a project that requires me to export typings for two separate Java libraries, each with its own unique class hierarchy.

libName
        `-namespace1
          `-Class1 // full class Name: (libName.namespace1.Class1)
           -Class2 // full class Name: (libName.namespace1.Class2)

and the other library:

org
        `-libName
          `namespace123
           `-Class1 // full class Name: (org.libName.namespace123)
             `public method1(param0: libName.namespace1.Class1): void

The base.d.ts file has the following structure:


        declare module libName {
            export module namespace1 {
                export class Class1 {
                    /* omitted for brevity */
                }
                export class Class2 {
                    /* omitted for brevity */    
                }
            }
        }

        declare module org {
            export module libName {
                export class Class1 {
                 public method1(param0: libName.namespace1.Class1): void
                }
            }
        }

However, when I try to compile the above code, I encounter an error TS2305, stating "Module 'org.libName' has no exported member 'namespace1'". This happens because TypeScript Compiler assumes that I want to use the module declared in the same scope.

Does anyone know of a workaround for this limitation? Your help is greatly appreciated!

typescript typescript-typings

Answer 1

Answer №1

To simplify the structure, you can enclose both elements within a shared container:

declare module grouping {
  export module libraries {
    export module namespace2 {
      export class ClassA {
        /* details excluded for simplicity */
      }
      export class ClassB {
        /* details excluded for simplicity */
      }
    }
  }

  export module organization {
    export module libraries {
      export class ClassA {
        public method1(param1: grouping.libraries.namespace2.ClassA): void
      }
    }
  }
}

Answer 2

To simplify the structure, you can enclose both elements within a shared container:

declare module grouping {
  export module libraries {
    export module namespace2 {
      export class ClassA {
        /* details excluded for simplicity */
      }
      export class ClassB {
        /* details excluded for simplicity */
      }
    }
  }

  export module organization {
    export module libraries {
      export class ClassA {
        public method1(param1: grouping.libraries.namespace2.ClassA): void
      }
    }
  }
}

Utilize a type from a different global module that shares a common submodule

Answer №1

Similar questions

Angular 2 integration for Oauth 2 popup authorization

Testing Playwright - accessing variables from the .env file

Is it possible to modify the CSS injected by an Angular Directive?

Angular 2 TypeScript: Accelerating the Increment Number Speed

How can TypeScript leverage types to build values?

Managing asynchronous data using rxjs

Issue: Multiplying values within an array in TypeScript requires that the left-hand side of the arithmetic operation must be of type 'any', 'number', or 'enum'

What is the proper way to address the error message regarding requestAnimationFrame exceeding the permitted time limit?

Combine array elements in Angular/Javascript based on a certain condition

Expanding a div with CSS and Angular: A comprehensive guide

Error: Issue determining the type of variable. Unable to eliminate type 'any'

What is preventing me from setting my Array to be read-only in TypeScript using this method?

Encountered an issue with JSON serialization while using getServerSideProps in Next.js and TypeScript to retrieve products from the Stripe Payments API

I have a Visual Studio 2019 solution that consists of two projects - one is an Angular project and the other is written in TypeScript. I have successfully configured

Resolving Modules: Using NPM to Install the Typescript Package Directly from Github

Typescript indicates that an object may be 'undefined' when the value is an empty string

Export all the interfaces that have been imported

Using TypeScript with Redux for Form Validation in FieldArray

Having trouble with SVG Circles - Attempting to create a Speedometer design

Sequelize Error: Unable to access properties of an undefined object (reading 'replace')