如何解决React manifest.json报错与json-server主页无法渲染问题

问题详情 #

我正在使用json-server，执行命令json-server --watch jb.json后，主页链接（例如http://localhost:3000）无法渲染，控制台出现如下报错：

点击该链接时，期望进入的目标页面如下：

解决步骤 #

• 校验jb.json格式：确保文件是标准JSON语法，无逗号残留、引号不匹配等错误，可通过本地JSON校验工具检查文件有效性。
• 切换json-server版本：部分新版本可能存在主页渲染兼容性问题，执行npm install json-server@0.17.4 -g安装稳定版后，重新启动服务。
• 验证服务可用性：先访问具体数据接口（如http://localhost:3000/your-data-key），若能正常返回JSON数据，说明服务运行正常，清除浏览器缓存后重新刷新主页即可。
• 确认端口正确性：检查控制台输出的实际端口号，若3000端口被占用，json-server会自动使用其他端口，需用正确端口访问。

内容的提问来源于stack exchange，提问作者iosvaldo