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

Saya ingin mengatur ExpressJs dengan TypeScript untuk menggunakan IOC dengan InversifyJS dan Nextjs dengan es6. Saya juga ingin menggunakan webpack untuk bundling. Karena saya harus mengimpor Next di server.ts untuk melakukan server-side rendering, saya juga mengatur TypeScript untuk nextjs, tetapi saya in

Baca lebih banyak →

reactjs - Mengonversi aplikasi React Typescript menjadi Nextjs

Saya baru dalam Nextjs dan saya telah membuat aplikasi web menggunakan Reactjs + Typescript dan saya ingin mengubah ini menjadi Nextjs. Saya bingung tentang struktur file yang harus ditempatkan di mana dan bagian instalasinya. Aplikasi web saat ini (Reactjs dengan Typescript) memiliki database (Postdb) dan fungsio

Baca lebih banyak →

reactjs - NextJS: Dorong nilai string kueri baru ke asPath yang ada atau perbarui string kueri yang sudah ada

Saya agak bingung tentang bagaimana sistem router NextJS bekerja:

Saya memiliki artikel berdasarkan kategori yang dapat berupa:

Medical Charity Wedding Funeral

Saya memiliki navbar di mana pengguna dapat menampilkan artikel berdasarkan kategori, dan juga dapat mencari berdasarkan kata kunci. Fitur kategori berfungsi dengan sempurna.

Beginilah tampilan navbar saya:

Baca lebih banyak →

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

Halo semuanya! Saya memiliki masalah - setState tidak berfungsi di aplikasi NextJS + TS saya. Saya mencoba state saya melalui ReactHooks, tetapi tidak ada yang berhasil, mengubah komponen menjadi kelas, tetapi tidak ada yang berhasil. Saya mencoba menjalankan komponen ini di apl

Baca lebih banyak →

typescript - Parameter kueri di pathname Nextjs sedang didekode

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

Baca lebih banyak →

reactjs - Cara membuat Nextjs menampilkan kesalahan tipe TypeScript saat menyimpan

Saya sedang bekerja dengan proyek Nextjs Typescript dan menyadari bahwa kesalahan tipe tidak menghentikan eksekusi aplikasi seperti jenis kesalahan lain, itu menjadi masalah bagi saya, tetapi menjadi masalah yang lebih besar karena TypeError terjadi saat waktu build, mengetahui bahwa ada kesalahan tipe sebagian besar ketika perlu melakukan deploy.

Apakah ada cara untuk membuat kesalahan typescript menghentikan eksekusi aplikasi saat pengembangan? Konfigurasi ap

Baca lebih banyak →

next.js - Saat membangun Aplikasi NextJS di workspace Nx - mendapatkan error: Tidak bisa menemukan modul 'typescript'

Saat membuat @nrwl/workspace baru dengan aplikasi Next JS - saya mendapatkan error Error: Cannot find module 'typescript'. Ada yang mengalami masalah yang sama?

Langkah-langkah -

  1. Buat ruang kerja nx baru
  2. Buat Aplikasi baru dengan Preset NextJS
  3. Bangun aplikasi dengan nx run <app-name>:build
  4. Hasilkan gambar dari dist/apps/<app-name> atau cukup salin dist ke suatu tempat
  5. jalankan yarn atau n

    Baca lebih banyak →

typescript - Bagaimana cara menonaktifkan resolveJsonModule untuk satu file JSON di aplikasi NextJs?

Saya sedang membangun aplikasi nextjs, meng-deploy dengan vercel. Semuanya berjalan dengan baik, sampai saya baru-baru ini melakukan beberapa perubahan pada file json besar yang ukurannya bertambah sekitar 20%. Peningkatan ukuran ini tampaknya telah melebihi semacam batas, dan sekarang saya mendapatkan kesalahan webpack 5, yang tampaknya disebabkan oleh resolusi tipe typescript.

Saya mengimpor file JSON langsung dengan sebuah import. Dari apa yang bisa saya kumpulkan, sepertinya opsi co

Baca lebih banyak →

reactjs - Bagaimana cara melewatkan Komponen Nextjs dengan properti kustom sebagai Children

Untuk menambahkan properti Auth ke komponen saya. Saya telah membuat sebuah antarmuka

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

Agar saya bisa tampil

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

Baca lebih banyak →

reactjs - Cara menyimpan JWT dengan benar di cookie di React menggunakan NextJS dengan Typescript dan hook useContext

Pengguna sudah ditetapkan dan tetap ada di semua halaman, tetapi ketika jendela browser disegarkan, pengguna keluar dari sesi. Tidak yakin apakah masalahnya ada pada cara saya mengatur cookie, saran atau alternatif sangat diterima.

Berikut adalah file UserContext:

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

Baca lebih banyak →