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

问题描述

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

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

解决方法

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

要修复该错误,您可以尝试以下操作:

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

相关问答

Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其...
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。...
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbc...