Ошибка next.js — сервер возвращает не JSON а HTML — что делать?

Question

[Olgamikhi]

Привет, помогите устранить ошибку!

Вот логи при сборке из Dockerfile:

Unhandled Runtime Error
    Error: Unexpected token < in JSON at position 0
    Source
    src/queries/server.ts (76:21) @ async getSiteSettings
    74 |
    75 | export async function getSiteSettings() {
    > 76 | const response = await fetch(`${BASE_URL}/api/setting/`, {
    |^
    77 | next: { revalidate: 10 },
    78 | }).then((res) => {
    79 | if (res.status === 404) {

Вот фрагмент кода из src/queries/server.ts:

import { notFound } from "next/navigation";

    import { BASE_URL } from "@/lib/axios";
    import {
        authorSchema,
        bankSchema,
        careerSchema,
        companyHistorySchema,
        employeeSchema,
        jumbotronSchema,
        newsListSchema,
        newsRetrieveSchema,
        pageResultSchema,
        partnerSchema,
        projectSchema,
        siteSettingsSchema,
        viewSeoSchema,
        yearSchema,
    } from "@/types/schemas";export async function getSiteSettings() {
    .
    .
    .
    .
    export async function getSiteSettings() {
        const response = await fetch(`${BASE_URL}/api/setting/`, {
            next: { revalidate: 10 },
        }).then((res) => {
            if (res.status === 404) {
                notFound();
            }

            return res.json();
        });

        {  return siteSettingsSchema.array().optional().parse(response);
    }

Comments

[Михаил Р.]

Привет, помогите устранить ошибку!

Давайте поможем, что вы уже сделали и что не получилось при решении проблемы с ошибкой?

[Everything_is_bad]

Выглядит как при сборки фронта, он делает запрос к бекенду.
1. Бекенду поднят, чтобы ответить на этот запрос?
2. А зачем так извращаться на этапе сборки? Настройки надо передавать другими способоми.

[Olgamikhi]

Everything_is_bad,
1. Да, бэкенд поднят.
2. Какими?

[Olgamikhi]

Михаил Р.,
пыталась скорректировать код в файле, добавила try:
const { city = "", page = "1", page_size = 3, type } = filters;

try {
const res = await fetch(
`${BASE_URL}/api/project/?city_slug=${city}&page_size=${page_size}&page=${page}${
type ? `&type=${type}` : ""
}`,
);
if (!res.ok) {
throw new Error(`Ошибка HTTP: ${res.status}`);
}
const jsonData = await res.json();
return pageResultSchema.parse(jsonData);
} catch (error) {
console.error("Ошибка при получении данных:", error);
return []; (стал ругаться на эту строку)
}
}
но теперь появилась ошибка в файле page.tsx: return (
<>

(вот в этой строке на "pageData"


>
);
}
и в файле progects.tsx
interface ProjectsTemplateProps {
pageData?: PageResult; (Ожидаемый тип исходит из свойства 'pageData', которое объявлено здесь для типа 'IntrinsicAttributes & ProjectsTemplateProps')

посоветуйте, что с этим делать?

[Михаил Р.]

Olgamikhi, предположу, что pageData не определен или у него другой тип. Вообще не просто понять и дать развернутый ответ, т.к. вы предоставляете код кусками.