检查代码中获取本地 JSON 对象的方法是否正确,例如:
fetch('./data.json') .then(response => response.json()) .then(data => console.log(data)) .catch(error => console.error(error))
如果本地 JSON 文件在 HTML 文件的上层目录中,需要使用相对路径 "../" 获取,例如:
fetch('../data.json') .then(response => response.json()) .then(data => console.log(data)) .catch(error => console.error(error))
确保文件名正确 检查文件名是否正确,文件名应该和代码中获取的文件名一致,包括大小写。
确保 JSON 文件格式正确 验证 JSON 文件是否符合 JSON 格式,可以使用在线 JSON 校验工具进行验证,例如:JSONLint。
确保浏览器支持 fetch API fetch API 是一种比 XMLHttpRequest 更现代化的获取数据的方式,但是有些浏览器不支持,例如 IE11。如果浏览器不支持 fetch API,可以使用 XMLHttpRequest 或者其他获取数据的方式。
以上是一些可能导致本地 JSON 对象返回 undefined 的原因和解决方法。