Сборка не удалась из-за ошибки «Экспорт обнаружил ошибки по следующим путям:»

Я сталкиваюсь с ошибкой при попытке собрать проект локально и на Vercel. Сборка завершается с ошибкой:

**Ошибка **

Export encountered errors on following paths: /(dashboard)/dashboard/edit-resume/page: /dashboard/edit-resume error Command failed with exit code 1. info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

Если я закомментирую часть useSearchParams, сборка завершится успешно.

Я также пробовал использовать Suspense, как показано ниже, но это не решило проблему:

Мой код

Судя по всему, ошибка связана с useSearchParams из next/navigation. Вот проблемный фрагмент кода:

`import { useSearchParams } from "next/navigation";

const router = useRouter();
const searchParams = useSearchParams();
const search = searchParams.get("template");
console.info("queryParams", search);
`

`return (
    <Suspense fallback = {<Loader size = "lg" />}>
        <div className = "flex flex-col md:flex-row">
            // other codes
        </div>
    </Suspense>
);
`

I have searched stack overflow and github issues cannot find any solution, can anyone help me?

🤔 А знаете ли вы, что...
React поддерживает серверный рендеринг (SSR) для улучшения SEO и производительности.


148
1

Ответ:

Решено

Наконец, проблема решена: я давал ожидание на уровне компонента, но оно должно быть родительским компонентом в моем компоненте loading.tsx, поскольку я использую маршрутизатор приложений в next.js 14. Спасибо всем.