Cannot read properties of null (reading 'classList') at HTMLLIElement..

这个错误是因为在代码中使用了querySelector和querySelectorAll方法来获取元素，但是没有找到对应的元素，返回的结果是null。所以在后续的操作中，当尝试读取classList属性时就会报错。[1]

要解决这个问题，你可以检查一下代码中的选择器是否正确，确保能够找到对应的元素。另外，还需要确保代码在DOM加载完成后再执行，可以将代码放在DOMContentLoaded事件的回调函数中，或者将代码放在页面底部。这样可以确保在操作DOM元素之前，它们已经被正确地加载到页面中了。

相关问题

Cannot read properties of undefined (reading 'classList')

出现"Cannot read properties of undefined (reading 'classList')"错误是因为在你的代码中，尝试读取了一个未定义的属性classList。根据你提供的引用内容，这个错误可能是由两个部分引起的。

首先，引用中的代码片段显示，你在点击事件处理程序中尝试使用classList属性，但你没有确认要添加或删除类的元素是否存在。你可以使用条件语句或检查元素是否存在来解决此问题。

其次，引用和引用中的代码片段显示，你在Vue组件中使用了visible属性控制组件的显示和隐藏。然而，在第一次初始化后，JS部分仍然在缓存中，这可能导致classList未定义的错误。你可以尝试在Vue组件的mounted或updated钩子函数中更新元素的类列表，以确保在元素渲染后正确地使用classList属性。

综上所述，要解决"Cannot read properties of undefined (reading 'classList')"错误，你可以通过检查元素是否存在和在适当的Vue钩子函数中更新类列表来修复代码。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [关于原生js里报这个错：Cannot read properties of undefined (reading ‘classList‘) at HTMLLIElement.](https://blog.csdn.net/qq_59281339/article/details/126788226)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [TypeError: Cannot read properties of undefined (reading ‘classList‘)](https://blog.csdn.net/qq_51588894/article/details/131367943)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]

Cannot read properties of undefined (reading 'close')

问题: Cannot read properties of undefined (reading 'close')

回答: 这个错误通常是由于尝试读取一个未定义的属性而引起的。根据引用的内容，问题可能是在代码中某个地方拼写错误或者使用了一个不存在的属性。你可以根据错误提示中的文件名和行数，迅速定位到错误的代码。在上面的错误信息中，at提示是从下往上报的，所以我们应该从最上面的at提示开始查找错误。另外，你可以取消注释掉console.log(this.option)这行代码，通过打印输出this.option来查看它的值，以帮助你进一步定位问题。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [关于原生js里报这个错：Cannot read properties of undefined (reading ‘classList‘) at HTMLLIElement.](https://blog.csdn.net/qq_59281339/article/details/126788226)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *2* [解决Cannot read properties of undefined (...)类型的报错](https://blog.csdn.net/qq_51978639/article/details/128827591)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *3* [控制台报 cannoot read properties of undefined 的错误分析](https://blog.csdn.net/weixin_58206976/article/details/120814001)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"]
[ .reference_list ]