NextJS Tailwind 網站 offcanvas 菜單懸停/點擊事件不會在父維度之外發生

[英]NextJS Tailwind website offcanvas menu hover/tap events not happening outside of parent dimensions

我有一個 header，帶有從右側進入的畫布外菜單。 它按預期工作，除了一個問題：當菜單可見並打開時，鼠標/觸摸事件 go 直接穿過它下面的內容。 這是代碼： 自從我手工編寫畫布外菜單以來已經有好幾年了，所以我確定我遺漏了一些東西。 ...

Nextjs 圖片組件 srcSet 屬性

[英]Nextjs Image component srcSet attribute

我想為移動視口加載不同的圖像，基於傳遞 srcSet 的 nextjs 文檔不起作用，那么我該怎么做呢？ 現在我可以用 css 顯示屬性來做，但我需要像下面這樣的東西： ...

使用中間件時，客戶端未定義 getServerSideProps 道具

[英]getServerSideProps props are undefined on client-side when using middleware

賞金將在 6 天后到期。 此問題的答案有資格獲得+50聲望賞金。 kennsorr想讓更多人關注這個問題。 如果使用 Nextjs 中間件滿足特定條件，我將嘗試在每個頁面上進行重定向。 出於某種原因，每當 middleware.ts 中的matcher匹配頁面時，該頁面上getServerSid ...

nextjs 服務器組件加載可以延遲嗎？

[英]can nextjs server component loading be deferred?

目前正在開發一個可能成為 SaaS 應用程序的個人項目。 該應用程序當前使用 nextJs 13+ 在前端使用 firebase 身份驗證。 我已保護所有必需的組件。 問題是，我已經在 go 中編寫了我的后端，我只希望登錄用戶可以訪問我的 API 端點。 我知道有一個 SDK 可用於通過將 uid ...

在 generateStaticParams function 中為 SSG NextJS 傳遞參數

[英]pass parameter inside generateStaticParams function for SSG NextJS

對於我的 SSG 頁面，我需要將語言參數傳遞給我的 api 調用 function，它位於generateStaticParams function 中，我已將語言存儲在 cookies 中，但我無法訪問它，有沒有辦法可以將參數傳遞給我的 8834004065 8988？export async f ...

Next.js - NextAuth 始終返回肯定狀態代碼

[英]Next.js - NextAuth always returns a positive status code

我在我的 Next.js 項目中使用 NextAuth，我面臨的問題是 NextAuth 總是返回 200 狀態代碼並將 session 狀態更新為已驗證，即使密碼或用戶名不匹配也是如此。 我試過拋出簡單的錯誤，但對我沒有用。 這是我發送的登錄請求：signIn("credentials", { ...

如何避免在 Tailwind CSS 中將主題更改為暗模式

[英]How to avoid change theme to dark mode in Tailwind CSS

我在我的 Next.js 項目中使用tailwindcss 。 而且我的組件中沒有使用深色styles，所有組件都是淺色風格。 但是當操作系統主題更改為深色模式時，我的網站顯示為深色。 如何禁用暗模式自動更改我的項目？ ...

Next Auth useSession 在第一次渲染時沒有得到 session

[英]Next Auth useSession does not get session at first render

我正在嘗試使用 NextJS v13 和 Next Auth v4 構建網站。 每當加載頁面/組件時，在使用useSession掛鈎時，第一次渲染時不會返回 session，因此，許多組件無法正常工作...... 例如，以下代碼應為經過身份驗證的用戶加載問題：'use client' import ...

Next 13中如何強制typescript忽略node_modules

[英]How to force typescript to ignore node_modules in Next 13

我將在接下來的 13 年建立一個網站，其中包含 typescript、src 文件夾和應用程序目錄。 當我npm run dev時，一切都按預期工作，但是一旦構建，我就會收到此錯誤... 這讓我相信這是構建過程/打字稿試圖處理 node_modules 目錄。 tsconfig.json pa ...

react_devtools_backend_compact.js:2367 錯誤：縮小 React 錯誤 #185

[英]react_devtools_backend_compact.js:2367 Error: Minified React error #185

希望你一切順利。 在過去的 4 個月里，我的團隊一直在做一個項目，它運行良好，但最近在 react-full 日歷屏幕上我們遇到了上述錯誤，我知道這個問題之前已經被問過，但沒有一個令人滿意的答案。 我已經更新了所有依賴項，並檢查了循環漏洞的代碼，但沒有發現任何... 下面是我目前正在運行的代碼，但 ...

如何同步服務器上的模型開始使用 Next.js 和 sequelize？

[英]How to sync models on server start using Next.js and sequelize?

我習慣於在后端使用 Express 和 React，並在 server.js 文件中工作以同步數據庫。 對於 Next.js，沒有用於將模型與 sequelize 同步的 server.js 文件。 我現在的工作是在用戶登錄/注冊時同步模型（見下面的代碼），但我知道這會導致一系列問題。 如何在 N ...

使用表單數據發布圖片時出錯：“NotSupportedError：不支持多部分/表單數據”

[英]Error posting image using formdata: "NotSupportedError: multipart/form-data not supported"

我正在使用 Next.js 版本 13.4.1 並嘗試使用multipart/form-data將文件發布到服務器。 但是，當嘗試這樣做時，我收到一條錯誤消息，指出該格式不受支持。 我已經看到一些博客和其他開發人員成功地使用了這種方法，所以我相信它可能是我的代碼中或 Next.js 本身中的錯誤。 ...

請求幫助 Getting Whisper Api (NextJs)- Could not parse multipart form error

[英]Request for help Getting Whisper Api (NextJs)- Could not parse multipart form error

我在嘗試向 Whisper 發送音頻 wav 文件時遇到問題。 我的 api 中有此代碼頁面 > api > whisper.ts 我不明白這個問題。 我用谷歌搜索了這個問題，並在 GitHub、Medium 文章、stackoverflow 等上查看了其他示例。但我無法解決這個錯誤。 ...

Next Auth - 注冊后自動登錄

[英]Next Auth - auto sign in after sign up

我找不到任何關於自動登錄剛剛注冊的用戶的文檔。 我能想到的唯一方法是一個用戶已經注冊，然后以編程方式調用 next-auth 提供的 signIn function 讓他登錄。 還有其他方法嗎？ 不確定它的最佳實踐謝謝 ...

[NextJS]`yarn dev` 命令拋出錯誤：斷言 `args[0]->IsInt32()' 失敗

[英][NextJS]`yarn dev` command throwing error: Assertion `args[0]->IsInt32()' failed

在為 NextJS 本地開發運行yarn dev時，出現此錯誤 output： 嘗試過的事情： 1. yarn install yarn cache clean多次。 仔細修改 package.json 為好。 嘗試將節點版本降級到 14 和 16。 恢復到以前的工作分支。 情況：5. yarn ...

當前Next.js 13.3版本如何連接Mongodb和mongoose？

[英]How to connect Mongodb with mongoose in current Next.js 13.3 Version?

我試圖在 Next.js 13.3 版本的 mongoose 的幫助下連接 mongodb，但是當我在 api/getProducts/route.js 文件中導入 connectDb 文件或 UserSchema 文件時，它給出了不同的錯誤。 請幫助並逐步告訴我如何連接我被卡住了！ 首先，我在名 ...

我正在使用 react-responsive-carousel 但它不能在 NextJs 中使用 SSR？ 您有在此組件中啟用 SSR 的示例嗎？

[英]I am using react-responsive-carousel but it does not working with SSR in NextJs? do you have any example for enable SSR in this conponent?

我正在做一個電子商務項目，必須通過 SSR 獲取產品詳細信息數據並將其呈現在屏幕上。 雖然數據顯示正確，但我在顯示產品圖片時遇到了問題。 我正在為圖片庫使用 react-responsive-carousel 組件，但它無法正常運行。 能否請您提供一個示例，說明如何將此組件與 SSR 一起使用？ ...

Next.js 應用程序文件夾：是否有一些“入口點”？ _app.tsx 的直接替代品？

[英]Next.js app folder: is there some "entry point"? A direct replacement for _app.tsx?

以前我有一個自定義的_app.tsx為我的應用程序做了一些引導： useEffect(() => void defineCustomElements(), []); 它加載自定義元素/網絡組件並確保它們可以被水化。 我現在應該把這個效果放在應用程序路由器的什么地方，1. 沒有“全局” _ap ...

Next.js useSession 和 SessionProvider 的 13 個和下一個身份驗證問題

[英]Next.js 13 and next-auth issues with useSession and SessionProvider

我正在嘗試制作一個登錄頁面。 在我的 page.tsx 文件中，我收到兩個錯誤之一，具體取決於我是否包含“使用客戶端”； 在我的代碼的頂部。 如果我沒有“使用客戶端”； 我收到此錯誤： Error: React Context is unavailable in Server Components ...

我正在嘗試使用 Stripe 和 NextJS 13.2.3 設置 webhook

[英]I am trying to setup of a webhook using Stripe and NextJS 13.2.3

我能夠通過內置的 Stripe 頁面成功結帳我的購物車，並且我被重定向到我的 successUrl 路由。 我的本地測試 webhook 按預期被調用。 但是，當我包含驗證請求來自 Stripe 的代碼時，出現了一些錯誤。 這是我在 NextJS 中的 webhook 我正在使用 Stripe C ...