I currently have two definition files, foo.d.ts and bar.d.ts.
// foo.d.ts
interface IBaseInterface {
// included stuff
}
// bar.d.ts
interface IDerivedInterface extends IBaseInterface {
// more additional stuff
}
Initially, everything was functioning properly. However, when I introduced an ES6 import statement to foo.d.ts, my entire application lost access to its contents.
As an example, this is what the modified foo.d.ts looks like:
// foo.d.ts
import { SomeClass } from 'my-module';
interface IBaseInterface {
baz: SomeClass;
}
This change had a direct impact on bar.d.ts:
// bar.d.ts
// ERROR: Cannot find name IBaseInterface
interface IDerivedInterface extends IBaseInterface {
}
I am confused about what I might be overlooking in this situation.