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

Question

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

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

Answer 1

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

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

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