reactjs - 值缺少要正确插入的查询值事件在 nextjs 中提供

Question

我去网址http://local:3000/customize/collection/doremon1234a/schema/dfs/template/50

Enven 我提供 [colName - doremon1234a], [schemaName - dfs], [templateId - 50] 但它仍然出现错误

我尝试删除 .next 文件夹，并再次克隆源代码。但它不起作用任何人都会像我一样遇到同样的问题。谢谢这是我的文件夹结构

我的源代码

import { useRouter } from "next/router";
import React, { useState, useEffect } from "react";
import { serverSideTranslations } from "next-i18next/serverSideTranslations";
import { useTranslation } from "next-i18next";
import { i18n } from "@/config";

function TemplateId() {
const { t } = useTranslation("common");
const router = useRouter();
const { colName, schemaName,  templateId } = router.query;

return (
    <>
        <div>{templateId}</div>
    </>
);
}

export async function getServerSideProps({ locale }) {
try {
    const translations = await serverSideTranslations(locale, ["common"], {
        i18n,
    });

    return {
        props: {
            ...translations,
        },
    };
} catch (error) {
    console.log("TemplateId: ", error);
}
}

export default TemplateId;