代码在 Codepen 中有效，但在使用 index.html 调用时无效答案

【问题标题】：Code works in Codepen but not when called with index.html代码在 Codepen 中有效，但在使用 index.html 调用时无效
【发布时间】：2021-01-21 16:05:23
【问题描述】：

https://codepen.io/mdaw11/pen/rNMbdqd

创建了这个供公众使用的小问题跟踪器，在 Codepen 中运行良好，但是一旦我尝试在 Chrome 浏览器中打开它，控制台就会输出错误
'未捕获的类型错误：无法读取 null 的属性'长度' 在 fetchIssues (main.js:71) 在加载时（（索引）：10）'
这告诉我我的fetchIssues(); 有问题，也许var issues = JSON.parse(localStorage.getItem('issues')); 没有输出我期望的结果？任何帮助将不胜感激！

【问题讨论】：

将defer 属性添加到HTML 文件中的<script> 标记。

标签： javascript html local-storage issue-tracking

【解决方案1】：

可能是fetchIssues() 执行得太早了，如果您还没有将任何内容保存到 localStorage，也可能发生这种情况。还要仔细检查 localStorage.getItem('issues') 返回的内容。

要修复该错误，您可以尝试以下操作：

var issues = JSON.parse(localStorage.getItem('issues') || '[]');

【讨论】：

hm 很好地修复了错误（谢谢你），但现在它没有将任何问题记录到屏幕上。 localStorage.getItem('issues') returns null 这可能是问题吗？因为我正在尝试遍历 issues.length？
@Omki 是的，这就是问题所在。检查正在保存的内容。 localStorage.setItem('issues', JSON.stringify(issues)); 确保 JSON.stringify(issues) 返回一个 json 字符串。我认为这是失败的。或者你可能在setItem之前调用getItem
我如何检查JSON.stringify(issues)返回一个json字符串？
你可以在函数内部做一个console.log(JSON.stringify(issues));。