Apl Nest.js menggunakan React dan sumber untuk pemaparan sebelah pelayan

Question

Tiada kod kerana saya sedikit salah faham tentang prinsip teras pemaparan pelayan.

Saya ada:

Nest.js dikonfigurasikan dengan Handlebars. Ia dibina menggunakan TypeScript di luar kotak. Saya tidak menggunakan webpack di sini. Saya juga mencipta folder berasingan yang mengandungi bahagian klien aplikasi saya. React, webpack, dsb. sudah dikonfigurasikan dan berfungsi dengan betul.

Saya perlu membuat render pelayan. Untuk ini saya menggunakan ReactDOMServer. Semuanya berfungsi dengan baik kecuali apabila menghadapi komponen SVG dan modul CSS.

Ini soalan saya - bagaimana untuk menanganinya? Apakah pendekatan yang betul? Sekiranya saya menyalin konfigurasi webpack pada bahagian pelayan (merujuk kepada sumber), atau adakah terdapat cara untuk menjadikannya berfungsi dengan TypeScript (npm run build)?

Terima kasih atas bantuan anda!

Answer 1

Anda perlu menyediakan fail sumber statik https://docs.nestjs.com/recipes/serve-static

Anda perlu memasang @nestjs/serve-static

imports: [
  ServeStaticModule.forRoot({
    rootPath: join(__dirname, 'directory') // 文件路径,
  }),
],