express - Tidak boleh menggunakan NextJs + ExpressJs dengan typescript dan webpack

Saya ingin menyediakan ExpressJs dengan TypeScript untuk menggunakan IOC dengan InversifyJS dan Nextjs dengan es6. Saya juga ingin menggunakan webpack untuk mengikat. Oleh kerana saya mesti mengimport Next dalam server.ts untuk melakukan rendering sisi pelayan, saya menyediakannya TypeScript untuk nextjs j

Baca lagi →

reactjs - Menukar aplikasi React Typescript kepada Nextjs

Saya baru menggunakan Nextjs dan saya telah membina aplikasi web menggunakan Reactjs + Typescript dan saya ingin menukarnya kepada Nextjs. Saya keliru tentang struktur fail mengenai apa yang diletakkan di mana dan bahagian pemasangan. Aplikasi web semasa (Reactjs dengan Typescript) mempunyai pangkalan data (Postdb

Baca lagi →

reactjs - NextJS: Tolak nilai rentetan pertanyaan baru ke asPath sedia ada atau kemas kini rentetan pertanyaan sedia ada

Saya agak keliru tentang bagaimana sistem router NextJS berfungsi:

Saya mempunyai artikel mengikut kategori yang boleh berupa:

Medical Charity Wedding Funeral

Saya mempunyai navbar di mana pengguna boleh memaparkan artikel mengikut kategori, dan juga boleh mencari menggunakan kata kunci. Ciri kategori berfungsi dengan sempurna.

Beginilah rupa navbar saya:

Baca lagi →

reactjs - Mengapa setState tidak berfungsi dalam kes ini di NextJS?

Halo semua! Saya mempunyai masalah - setState tidak berfungsi dalam aplikasi NextJS + TS saya. Saya telah mencuba state saya melalui ReactHooks, tetapi tiada apa yang berfungsi, menukar komponen kepada kelas, tetapi tiada apa yang berfungsi. Saya mencuba untuk menjalankan kompon

Baca lagi →

typescript - Parameter pertanyaan dalam pathname Nextjs sedang dinyahkod

Kami sedang memproses beberapa data dari satu API di mana kami menggunakan URL untuk menavigasi melalui aplikasi. Dalam komponen pautan kami, kami menghantar URL sebagai <Link href={{ pathname: url , someOtherProperty }} /> di mana URL kelihatan seperti /path-to-page?query=value tet

Baca lagi →

reactjs - Cara membuat Nextjs menunjukkan ralat jenis TypeScript semasa simpan

Saya sedang bekerja dengan projek Nextjs Typescript dan mendapati bahawa ralat jenis tidak menghentikan pelaksanaan aplikasi seperti jenis ralat lain, itu adalah masalah bagi saya, tetapi adalah masalah yang lebih besar kerana TypeError berlaku semasa masa binaan, menyedari bahawa terdapat ralat jenis kebanyakannya apabila perlu membuat penghantaran.

Adakah terdapat cara untuk menjadikan ralat typescript menyekat pelaksanaan aplikasi semasa pembangunan? Konfigu

Baca lagi →

next.js - Semasa membina Aplikasi NextJS dalam ruang kerja Nx - mendapat ralat: Tidak dapat mencari modul 'typescript'

Semasa membuat @nrwl/workspace baru dengan aplikasi Next JS - saya mendapat ralat Error: Cannot find module 'typescript'. Ada sesiapa yang menghadapi isu yang sama?

Langkah -

  1. Cipta ruang kerja nx baru
  2. Cipta Aplikasi baru dengan Pratetap NextJS
  3. Bina aplikasi dengan nx run <app-name>:build
  4. Hasilkan imej dari dist/apps/<app-name> atau hanya salin dist ke mana-mana
  5. jalankan yarn atau npm inst

    Baca lagi →

typescript - Bagaimana saya mematikan resolveJsonModule untuk satu fail JSON sahaja dalam aplikasi NextJs?

Saya sedang membina aplikasi Next.js, menggunakan Vercel untuk penerapan. Segalanya berjalan dengan baik, sehingga baru-baru ini saya membuat beberapa perubahan pada fail JSON yang besar yang seterusnya meningkatkan saiznya sebanyak kira-kira 20%. Peningkatan saiz ini nampaknya telah melebihi beberapa had, dan kini saya mendapat ralat Webpack 5, yang nampaknya disebabkan oleh penyelesaian jenis TypeScript.

Saya sedang mengimport fail JSON secara langsung dengan import. Dari apa yang dap

Baca lagi →

reactjs - Cara untuk menghantar Komponen Nextjs dengan properti tersendiri sebagai Children

Untuk menambah sifat Auth kepada komponen saya. Saya telah mencipta antara muka

interface AuthAppProps extends Omit<AppProps, "Component"> { Component: AppProps["Component"] & { Auth: boolean }; }

Supaya saya boleh melakukan

const App: React.FC<AuthAppProps> = (props) =>{ const { Component, pageProps: { session, ...pageProps }, } = props; return ( <SessionProvider session={se

Baca lagi →

reactjs - Cara menyimpan JWT dengan betul dalam cookie di react menggunakan NextJS dengan typescript dan hook useContext

Pengguna ditetapkan dan kekal di semua halaman tetapi apabila tetingkap pelayar disegarkan, pengguna log keluar. Tidak pasti jika masalahnya adalah cara saya menetapkan kuki, sebarang nasihat atau alternatif sangat dialu-alukan.

Di sini fail UserContext:

import { destroyCookie } from "nookies"; import { setCookie } from "nookies"; import React from "react"; // import { useCookies } from "react-cookie" import cooki

Baca lagi →