超人AI导航

我正在使用最新的 Next.js 16.1.6、Tailwind CSS v4.2.1 和 React 19。在使用Turbopack (next dev --turbo) 启动开发服务器时，像 aspect-[12/5]、z-[100] 或 h-[80vh] 这样的任意值类在HTML DOM中虽然正确存在，但相应的CSS规则并未通过JIT引擎生成。 当这些类用于导入了大型第三方库（如 Swiper.js）的组件时，这种情况似乎更容易发生。 这是Tailwind v4的 Turbopack扫描器的已知问题

在Next.js中通过middleware.ts设置Permissions-Policy头。 我为页面A 返回一个权限策略X，然后通过Next Link导航到页面B，页面B 拥有权限策略Y。 我在对页面B 的内部Next JSON props请求中看到返回了权限策略Y。 页面B 仍在使用权限策略A。 如果我完全重新加载页面B，它会按预期发送权限策略Y，此时浏览器也会正确使用它。 如何在不同页面之间动态更改Next.js的权限策略？ 我能找到的唯一解决方案是使用带整页加载的锚点标签，这样并不好。 解决方案

应用地址： https://pharmagoli-loyalty.vercel.app/ 背景 我在Vercel上使用Supabase Auth/RLS的 Next.js 16（App Router）+ React + TypeScript应用。桌面浏览器基本没问题（没有控制台错误），但在移动端（尤其是已安装的PWA）我经常遇到无限加载/空白屏幕。有时登录页在多次刷新后才出现；有时提交凭据也无效。 我没有使用 next-pwa，因为Next.js 16 Turbopack + next-pwa（webpa

我正在努力寻找一个通用解决方案，以便在Next.js中用Vitest对导航进行模拟。 next-router-mock 提到“在Next.js v13、v12、v11和 v10上进行了测试。”因此我不确定是否能在Next 14中使用它。此外，README中并未提及Vitest。 我找到的唯一可行解决方案是： vi.mock('next/navigation', async () => { const actual = await vi.importActual('@/__mocks__/next/navi