সংজ্ঞা ফাইলে আমদানি ক্লাস (* d.ts)

Question 1

সেশন স্টোরেজে আমার কাস্টম ডেটা ব্যবহারের অনুমতি দেওয়ার জন্য আমি এক্সপ্রেস সেশন টাইপগুলি প্রসারিত করতে চাই। আমার একটি বিষয় আছে req.session.userযা আমার শ্রেণীর উদাহরণ User:

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

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

সুতরাং আমি own.d.tsবিদ্যমান এক্সপ্রেস সেশন টাইপিংয়ের সাথে সংজ্ঞা সংহত করতে আমার ফাইল তৈরি করেছি :

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

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

তবে এটি মোটেও কাজ করছে না - ভিএস কোড এবং টিএসসি এটি দেখতে পাবে না। সুতরাং আমি পরীক্ষার সংজ্ঞাটি সাধারণ ধরণের দিয়ে তৈরি করেছি:

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

এবং পরীক্ষার ক্ষেত্র ঠিকঠাক কাজ করছে, তাই আমদানির কারণ সমস্যা।

আমি /// <reference path='models/user.ts'/>পরিবর্তে আমদানি করার চেষ্টা করেছি কিন্তু টিএসসি ব্যবহারকারীর ক্লাসটি দেখেনি - আমি কীভাবে * d.ts ফাইলটিতে নিজের ক্লাসটি ব্যবহার করতে পারি?

সম্পাদনা: সংকলনে সংজ্ঞা ফাইল উত্পন্ন করতে আমি টিএসসি সেট করেছিলাম এবং এখন আমার ইউজার.ডি.এস.টি.

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

এবং এক্সপ্রেস সেসিয়ান বাড়ানোর জন্য নিজস্ব টাইপিং ফাইল:

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

শীর্ষে আমদানি বিবৃতি যখন এখনও কাজ করছে না। কোন ধারনা?

Question 2

দুই বছর টাইপস্ক্রিপ্ট বিকাশের পরে অবশেষে আমি এই সমস্যাটি সমাধান করতে সক্ষম হয়েছি।

মূলত, টাইপস্ক্রিপ্টের দুটি ধরণের মডিউল প্রকারের ঘোষণা রয়েছে: "স্থানীয়" (সাধারণ মডিউলগুলি) এবং পরিবেষ্টিত (বৈশ্বিক) দ্বিতীয় ধরণের বিশ্বব্যাপী মডিউল ঘোষণা লিখতে দেয় যা বিদ্যমান মডিউল ঘোষণার সাথে একত্রীকরণ করা হয়। এই ফাইলগুলির মধ্যে পার্থক্য কী?

d.tsফাইলগুলি কেবলমাত্র কোনও আমদানি না থাকলেই একটি পরিবেষ্টিত মডিউল ঘোষণা হিসাবে বিবেচিত হবে। আপনি যদি কোনও আমদানি লাইন সরবরাহ করেন তবে এখন এটি একটি সাধারণ মডিউল ফাইল হিসাবে ধরা হবে, বিশ্বব্যাপী নয়, সুতরাং মডিউলগুলির সংজ্ঞা বৃদ্ধি করে না।

সুতরাং আমরা এখানে যে সমস্ত সমাধান আলোচনা করেছি সেগুলি কাজ করে না। তবে সৌভাগ্যক্রমে, টিএস ২.৯ থেকে আমরা import()সিনট্যাক্স ব্যবহার করে বৈশ্বিক মডিউল ঘোষণায় প্রকারগুলি আমদানি করতে সক্ষম হয়েছি :

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

সুতরাং লাইনটি import("./user").User;যাদু করে এবং এখন সমস্ত কিছুই কাজ করে :)

Question 3

হালনাগাদ

টাইপস্ক্রিপ্ট ২.৯ যেহেতু, আপনি বৈশ্বিক মডিউলগুলিতে প্রকারগুলি আমদানি করতে সক্ষম বলে মনে হচ্ছে। আরও তথ্যের জন্য গৃহীত উত্তর দেখুন।

মূল উত্তর

আমি মনে করি আপনি যে সমস্যার মুখোমুখি হচ্ছেন সেটি হ'ল ক্লাস টাইপিংয়ের পরে মডিউল ঘোষণাগুলি বাড়ানো সম্পর্কে ।

রফতানিটি ঠিকঠাক, আপনি যদি এটি সংকলন করার চেষ্টা করেন তবে আপনি খেয়াল করবেন:

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

দেখে মনে হচ্ছে আপনি মডিউল ঘোষণাকে বাড়ানোর চেষ্টা করছেন Expressএবং আপনি সত্যিই কাছাকাছি রয়েছেন । এই কৌতুক করতে হবে:

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

তবে এই কোডটির যথার্থতা অবশ্যই এক্সপ্রেস ডিক্লেয়ারেশন ফাইলের মূল বাস্তবায়নের উপর নির্ভর করে।

Question 4

মাইচা লাইটেকের উত্তরটির জন্য ধন্যবাদ । আমি আমার প্রকল্পে ব্যবহৃত অন্য পদ্ধতি এখানে।

আমরা এটিকে যে কোনও জায়গায় না লিখে একাধিকবার আমদানি Userও পুনঃব্যবহার করতে পারি import("./user").User, এমনকি এটি প্রসারিত বা পুনরায় এক্সপোর্টও করতে পারি।

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 }
}

আনন্দ কর :)

Question 5

যুক্তি অনুসরণ করা কি কেবল সম্ভব নয় express-session:

own.d.ts:

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

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

মূল 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;
});

কমপক্ষে এটি কোনও সমস্যা ছাড়াই সংকলিত বলে মনে হচ্ছে। সম্পূর্ণ কোডের জন্য, https://github.com/masa67/so39040108 দেখুন