Nextjs：为什么我的动态路由 URL 中有 [id] 括号？

Question

在 Nextjs 中使用动态路由，我导航到 URL: /analytics/123 。 在页面上，按预期将 URL id, 123是 output 加载到屏幕上。 但是，URL 在浏览器中重置为： /analytics/[id] 。

如何防止 url 被重置，使其在浏览器中保持/analytics/123 ？

[id].js

import React from "react";
import { useRouter } from "next/router";


export default function testElement() {
  const router = useRouter();
  const { id, comment } = router.query;
  return (
      <div>{id}</div>
  );
}

文件夹结构：

编辑：

问题的GIF：

这个repo被用来为项目搭建脚手架

Answer 1

代码似乎没问题，我唯一能看到错误的是组件名称。

尝试使用大写字母开头，例如。 TestElement 。

Answer 2

询问了一个包含更多信息的后续问题，并且该错误已得到修复。