Cara Saya Memperbaiki Isu Persediaan TypeScript Saya: Pengguna hartanah tidak wujud pada jenis Request.

Masalahnya
Saya telah mengusahakan projek Node.js dengan TypeScript dan Express.js. Pada satu ketika, saya perlu melampirkan objek pengguna pada objek Permintaan Ekspres, tetapi saya menghadapi ralat TypeScript ini:

'Pengguna' harta tidak wujud pada jenis 'Permintaan'.

Saya segera menyedari bahawa ini berlaku kerana objek Permintaan lalai Express tidak termasuk sifat pengguna dan TypeScript tidak berpuas hati dengannya.

Pembetulan Awal Saya
Untuk membetulkannya, saya melanjutkan antara muka Permintaan untuk menambah harta pengguna. Begini cara saya melakukannya:

1. Saya mencipta fail baharu bernama express.d.ts dalam folder jenis dalam projek saya:

// src/types/express.d.ts
import { User } from '@prisma/client'; // Assuming User is a Prisma model

declare global {
    namespace Express {
        interface Request {
            user?: User; // Add user to the Request interface
        }
    }
}

1. Saya mengemas kini tsconfig.json saya untuk memastikan TypeScript mengambil jenis baharu ini:

{
  "compilerOptions": {
    //extra options here
    "typeRoots": ["./node_modules/@types", "./src/types"] // Add the types folder
  }
}

Pada ketika ini, ralat hilang daripada editor kod saya, jadi saya fikir saya telah membetulkan masalah itu. Tetapi apabila saya cuba menjalankan projek itu, saya mengalami ralat lain dalam terminal:

ralat TS2339: 'Pengguna' harta tidak wujud pada jenis 'Permintaan'.

Tersekat Berhari-hari
Saya menghabiskan 3-4 hari untuk menyelesaikan masalah ini, mencuba semua yang saya temui dalam talian. Saya tersekat sepenuhnya dan tidak dapat memahami sebab ia tidak berfungsi.

Penyelesaian
Akhirnya, saya menemui isu akar dan membetulkannya dengan langkah berikut:

1. Pasang TypeScript Secara Global: Saya menyedari bahawa saya tidak mempunyai pengkompil TypeScript (tsc) yang dipasang secara global, jadi saya menjalankan arahan ini:

npm pasang -g typescript

1. Jalankan Pengkompil TypeScript dalam Mod Tontonan: Saya menggunakan bendera --watch untuk menyusun semula kod TypeScript saya secara automatik semasa saya bekerja:
   tsc --lihat
   

2. Mulakan Semula Editor Kod Saya: Saya memulakan semula editor saya (Kod VS dalam kes saya) untuk memastikan semuanya dimuatkan dengan betul.

3. Jalankan Projek: Selepas memulakan semula, saya menjalankan projek sekali lagi—dan ia berjaya!

Kesimpulan
Apa yang saya fikirkan sebagai isu kecil bertukar menjadi hari-hari kekecewaan, tetapi akhirnya saya berjaya! Jika anda menghadapi masalah yang sama dengan TypeScript tidak mengenali sifat baharu pada objek Permintaan Express, ingat untuk:

Panjangkan antara muka Permintaan dengan betul.
Pastikan pengkompil TypeScript (tsc) dipasang dan berjalan dengan betul.
Mudah-mudahan, ini membantu sesiapa sahaja yang terperangkap seperti saya!

Atas ialah kandungan terperinci Cara Saya Memperbaiki Isu Persediaan TypeScript Saya: Pengguna hartanah tidak wujud pada jenis Request.. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!