小编olg*_*aga的帖子

我将 global-error.tsx 文件添加到 Next.js 项目 v 13.4.16。我想知道如何模拟它以查看开发过程中 UI 中的样子。

我将 global-error.tsx 文件与 app/[locale] 目录中的根 layout.tsx 文件保持在同一级别（因为我使用的是 next-intl）。

有什么办法可以测试一下吗？

我尝试在根布局文件中抛出错误，但似乎没有捕获此错误。我看到的不是全局错误页面，而是 Next.js 错误指示器。

这是我的全局错误的样子：

"use client";
import * as React from "react";
import { defaultLanguage } from "@/app/intl";
import { Layout } from "@/app/[locale]/home/HeroSection/Layout";
import { Navbar } from "@/app/[locale]/components/Navbar";
import Footer from "@/app/[locale]/components/Footer/Footer";
import { Box } from "@mui/material";
import Link from "next/link";
import { Button } from "@/app/[locale]/components/Button";
import Paragraph from "@/app/[locale]/components/ResponsiveText/Paragraph";

type Props = {
  error: Error & { …