reactjs - Πώς να προσθέσετε κάλυψη κώδικα σε React/NextJs/Typescript (create-next-app) με cypress
Δημιούργησα ένα νέο έργο με το create-next-app και τις προεπιλεγμένες επιλογές.
npx [email protected] --- Would you like to use TypeScript with this project? Yes Would you like to use ESLint with this project? Yes Would you like to use Tailwind CSS with this project? Yes Would you like to use `src/` directory with this project? Yes Use App Router (recommended)? Yes Would you like to customize the default import alias? NoΚαι στη συνέχεια πρόσθεσ
Διαβάστε περισσότερα →reactjs - Πώς θα μπορούσα να αλλάξω κατάσταση στις Ενέργειες Διακομιστή στο NextJS 13;
Έχω προσπαθήσει να λύσω ένα πρόβλημα σχετικά με τις Ενέργειες Διακομιστή στο NextJS 13.
Με ενδιαφέρει να αλλάξω κατάσταση κατά την εκτέλεση μιας ενέργειας διακομιστή. Εδώ, έχω ένα αρχείο actions.ts στη ρίζα του φακέλου app. Προς το παρόν, έ
Διαβάστε περισσότερα →http - Η ιδιότητα 'nextUrl' δεν υπάρχει στον τύπο 'IncomingMessage'. σε Nextjs και Typescript
Χρησιμοποιώ το Nextjs API route και προσπαθώ να πάρω τις παραμέτρους του αιτήματος:
export const GET = async (req: IncomingMessage) => { const matchString: String = req.nextUrl.searchParams.get("data") }Πιστεύω ότι
Διαβάστε περισσότερα →typescript - Σφάλμα τύπου ParamCheck στον χειριστή διαδρομής NextJS
- Έχω μια εφαρμογή NextJS 13.4 που χρησιμοποιεί το App Router.
- Έχω έναν χειριστή διαδρομής (/api/me) που ανακτά πληροφορίες προφίλ.
- Ο χειριστής διαδρομής προστατεύεται από τη λειτουργία withApiAuthRequired() της Auth0.
- Το endpoint λειτουργεί όπως αναμένεται όταν τρέχω τ Διαβάστε περισσότερα →
javascript - Ανανέωση της σελίδας με μη αυτόματο τρόπο για να δείτε αλλαγές σε μια γραμμή πλοήγησης στο nextjs;
Έχω μια εφαρμογή Next.js όπου έχω υλοποιήσει ένα συστατικό Navbar, το οποίο δηλώνεται στο αρχείο layout.tsx μου. Κατά τη σύνδεση, ο χρήστης ανακατευθύνεται στην αρχική σελίδα, η οποία περιέχει έναν σύνδεσμο στο Navbar για να δει το προφίλ του. Ωστόσο, αντιμετωπίζω ένα πρόβλημα όπου το σ
Διαβάστε περισσότερα →reactjs - Δρομολογητές στο Nextjs
Κάνω αλλαγές στην υπάρχουσα εφαρμογή μου η οποία είναι φτιαγμένη με ReactJS+Typescript και την έχω μεταφέρει σε NextJs μαζί με Typescript.
Πώς μπορώ να κάνω αλλαγές στον δρομολογητή; Έλεγξα την τεκμηρίωση του Nextjs αλλά μπερδεύομαι πολύ.
Αυτήν τη στιγμή η δρομολόγηση βρίσκεται στο αρχείο μου App.tsx. Να ο κώδικας. Θέλω να κάνω αλλαγές γιατί όταν κ
Διαβάστε περισσότερα →javascript - Το NextJS δεν μπορεί να αναγνωρίσει αρχεία TypeScript
Θέλω να αναπτύξω τον ιστότοπό μου χρησιμοποιώντας TypeScript και όχι JS. Έτσι, ακολούθησα την επίσημη διαδικασία του NextJS για να εγκαταστήσω το TS από το μηδέν, αλλά όταν τρέχω npm run dev, με χαιρετά η σελίδα σφάλματος 404. Εντάξει, παρακάτω είναι το tsconfig.json μου
{ "compile Διαβάστε περισσότερα →reactjs - Ο τύπος στοιχείου Children λείπει ιδιότητες με Nextjs + React Context με TypeScript
Η χρήση του Context του React με το Nextjs και TypeScript εμφανίζει ένα ασαφές σφάλμα κατά την περιτύλιξη του context γύρω από το _app.tsx.
Ακόμα και αν περνάω τις τιμές στον Παροχέα Συμφραζομένων, μου δίνει το σφάλμα:
Ο τύπος '&apo
Διαβάστε περισσότερα →typescript - Απρόβλεπτη δρομολόγηση στο nextjs κατά τη δρομολόγηση από μια εμφωλευμένη διαδρομή
Δημιούργησα έναν φάκελο με όνομα dashboard στο φάκελο pages που περιέχει τα εξής αρχεία:
- index.tsx
- πελάτες.tsx
- τιμολόγιο.tsx
- αντικείμενα.tsx
όταν ένας χρήστης πλοηγείται στο http://localhost:3000/dashboard, εμφανίζεται η σελίδα index.tsx. Ωστόσο, όταν κάνω κλικ σε ένα κουμπί και πλοηγούμαι σε τιμολόγια ή πελάτες, λαμβάνω μια σελίδα 404. Όταν ελέγχω το URL, πλοηγήθηκε στο http://localhost:3
Διαβάστε περισσότερα →next.js - σφάλμα εισαγωγής react-markdown με nextjs 11.1 και typescript
Αυτό είναι ένα έργο next.js SSG, αλλά κατά την εκτέλεση του npm run dev λαμβάνω το παρακάτω σφάλμα όταν προσπαθώ να import react-markdown. Δεν μπορώ να περάσω αυτό το βήμα για να δοκιμάσω σε next export
Καταλαβαίνω ότι το react-markdown είναι ένα πακ
Διαβάστε περισσότερα →