如何在Angular中使用自定义的Typescript声明文件（.d.ts）？

Question

I am using TypeLite to generate Typescript interfaces from some C# POCOs in a Web API project. This generates a file like:

// TypeLite.Net4.d.ts
declare namespace MyNamespace.Models {
    interface InvoiceModel {
        billingPeriodId: number;
        createdDate: Date;
        invoiceId: number;
        invoiceNumber: number;
        organizationId: number;
        paidDate: Date;
        total: number;
    }
}

I want to use this file in my Angular project, but I can't seem to find a good explanation of how to do it. I tried various things I've found online including adding it to my tsconfig.json in the files , include , or typeRoots sections, but I haven't found the right way to do it yet. No matter what I do, I still get the error TS2304: Cannot find name 'InvoiceModel' . How do I do it?

Answer 1

Since you haven't posted the snippet from where you are using your generated typescript declaration file, and considering to the part of your question

I tried various things I've found online including adding it to >my tsconfig.json in the files, include, or typeRoots sections"

I am inferring that you are somehow missing to make a reference to the declaration file. That's something which done with tripple-slash-directives .

All you need to do is to add the below code wherever you want to use that as the first line.

/// reference path=".../path/to/file" />