Nhập lớp trong tệp định nghĩa (* d.ts)

Tôi muốn mở rộng kiểu đánh máy Phiên nhanh để cho phép sử dụng dữ liệu tùy chỉnh của tôi trong lưu trữ phiên. Tôi có một đối tượng req.session.userlà một phiên bản của lớp tôi User:

export class User {
    public login: string;
    public hashedPassword: string;

    constructor(login?: string, password?: string) {
        this.login = login || "" ;
        this.hashedPassword = password ? UserHelper.hashPassword(password) : "";
    }
}

Vì vậy, tôi đã tạo own.d.tstệp của mình để hợp nhất định nghĩa với các kiểu đánh máy phiên nhanh hiện có:

import { User } from "./models/user";

declare module Express {
    export interface Session {
        user: User;
    }
}

Nhưng nó không hoạt động chút nào - VS Code và tsc không thấy nó. Vì vậy, tôi đã tạo định nghĩa thử nghiệm với kiểu đơn giản:

declare module Express {
    export interface Session {
        test: string;
    }
}

Và trường kiểm tra đang hoạt động tốt, vì vậy vấn đề nhập khẩu gây ra.

Tôi cũng đã thử thêm /// <reference path='models/user.ts'/>nhập thay vào đó nhưng tsc không thấy lớp Người dùng - làm cách nào để tôi có thể sử dụng lớp của riêng mình trong tệp * d.ts?

CHỈNH SỬA: Tôi đặt tsc để tạo tệp định nghĩa khi biên dịch và bây giờ tôi có user.d.ts của mình:

export declare class User {
    login: string;
    hashedPassword: string;
    constructor();
    constructor(login: string, password: string);
}

Và tệp nhập riêng để mở rộng Express Sesion:

import { User } from "./models/user";
declare module Express {
    export interface Session {
        user: User;
        uuid: string;
    }
}

Nhưng vẫn không hoạt động khi nhập câu lệnh trên đầu trang. Có ý kiến ​​gì không?

Sau hai năm phát triển TypeScript, cuối cùng tôi đã giải quyết được vấn đề này.

Về cơ bản, TypeScript có hai loại khai báo kiểu mô-đun: "cục bộ" (mô-đun bình thường) và môi trường xung quanh (toàn cầu). Loại thứ hai cho phép viết khai báo mô-đun toàn cục được hợp nhất với khai báo mô-đun hiện có. Sự khác biệt giữa các tệp này là gì?

d.tscác tệp chỉ được coi là khai báo mô-đun môi trường xung quanh nếu chúng không có bất kỳ lần nhập nào. Nếu bạn cung cấp một dòng nhập, nó hiện được coi là một tệp mô-đun bình thường, không phải là tệp chung, vì vậy các định nghĩa mô-đun bổ sung không hoạt động.

Vì vậy, đó là lý do tại sao tất cả các giải pháp chúng ta đã thảo luận ở đây không hoạt động. Nhưng may mắn thay, vì TS 2.9, chúng tôi có thể nhập các kiểu vào khai báo mô-đun toàn cục bằng import()cú pháp:

declare namespace Express {
  interface Request {
    user: import("./user").User;
  }
}

Vì vậy, dòng import("./user").User;thực hiện điều kỳ diệu và bây giờ mọi thứ hoạt động :)

CẬP NHẬT

Kể từ typecript 2.9, bạn dường như có thể nhập các loại vào các mô-đun toàn cục. Xem câu trả lời được chấp nhận để biết thêm thông tin.

CÂU TRẢ LỜI GỐC

Tôi nghĩ rằng vấn đề bạn đang gặp phải là về việc tăng cường khai báo mô-đun, sau đó là nhập lớp.

Việc xuất là tốt, như bạn sẽ nhận thấy nếu bạn cố gắng biên dịch:

// app.ts  
import { User } from '../models/user'
let theUser = new User('theLogin', 'thePassword')

Có vẻ như bạn đang cố gắng tăng cường khai báo mô-đun của Express, và bạn thực sự đã kết thúc. Cái này cần phải dùng mẹo:

// index.d.ts
import { User } from "./models/user";
declare module 'express' {
  interface Session {
    user: User;
    uuid: string;
  }
}

Tuy nhiên, tính đúng đắn của mã này tất nhiên phụ thuộc vào việc triển khai ban đầu của tệp khai báo nhanh.

Cảm ơn câu trả lời từ Michał Lytek . Đây là một phương pháp khác mà tôi đã sử dụng trong dự án của mình.

Chúng tôi có thể nhập Uservà sử dụng lại nó nhiều lần mà không cần ghi import("./user").Userở mọi nơi, và thậm chí có thể mở rộng hoặc tái xuất nó.

declare namespace Express {
  import("./user");  // Don't delete this line.
  import { User } from "./user";

  export interface Request {
    user: User;
    target: User;
    friend: User;
  }

  export class SuperUser extends User {
    superPower: string;
  }

  export { User as ExpressUser }
}

Chúc vui vẻ :)

Không thể chỉ tuân theo logic với express-session:

own.d.ts:

import express = require('express');
import { User } from "../models/user";

declare global {
    namespace Express {
        interface Session {
            user: User;
            uuid: string;
        }
    }
}

Trong chính index.ts:

import express from 'express';
import session from 'express-session';
import own from './types/own';

const app = express();
app.get('/', (req, res) => {
    let username = req!.session!.user.login;
});

Ít nhất điều này dường như biên dịch mà không có bất kỳ vấn đề nào. Để biết mã đầy đủ, hãy xem https://github.com/masa67/so39040108