JavaScript DOMException: 'querySelectorAll' 报错 - 无效选择器

JavaScript DOMException: 'querySelectorAll' 报错 - 无效选择器

在使用 JavaScript 的 querySelectorAll 方法时，您可能遇到过以下错误：

caught DOMException: Failed to execute 'querySelectorAll' on 'Element': 'function() { 
        mui('.mui-popup').popover('hide'); 
    }' is not a valid selector.

这个错误是因为在执行 querySelectorAll 方法时，传入的参数不是一个有效的选择器，而是一个函数。可能是在使用 querySelectorAll 方法时，不小心将函数作为参数传入了。

解决方法：

1. **检查代码：**仔细检查代码中调用 querySelectorAll 方法的地方，确保传入的是一个有效的 CSS 选择器，而不是一个函数。
2. **开发者工具：**使用浏览器的开发者工具（例如 Chrome 的 F12），在控制台中查看错误信息和调用堆栈，帮助您找到错误代码的位置。
3. **函数与选择器区分：**确保将函数与 CSS 选择器区分开来。函数用于执行操作，而 CSS 选择器用于选择页面中的元素。

示例：

以下代码展示了错误的用法和正确的用法：

// 错误：传入一个函数
const elements = document.querySelectorAll(function() { 
    mui('.mui-popup').popover('hide'); 
});

// 正确：传入一个 CSS 选择器
const elements = document.querySelectorAll('.my-class');

总结：

DOMException: 'Failed to execute 'querySelectorAll' on 'Element': ... is not a valid selector.' 错误通常是由于传入了一个函数而不是一个有效的 CSS 选择器导致的。检查代码，确保传入的是一个有效的选择器，并区分函数与选择器。