在前端开发中，我们经常会遇到 ESLint 报错的情况，其中一个常见的错误是 'Object.entries' is not allowed。这个错误通常发生在使用 Object.entries 方法时，它是 ES2017 引入的新方法，用于返回一个给定对象的键值对数组。但是，在一些较旧的浏览器中可能会不支持 Object.entries，导致代码无法正常执行。
本文将介绍该错误的原因及如何解决它，并提供一些示例代码供参考。
错误原因
ESLint 是一种静态代码分析工具，它可以检查 JavaScript 代码中的语法和风格问题。在默认情况下，ESLint 会将一些 ES2017 新特性标记为错误，因为这些特性可能导致代码在一些较旧的浏览器中无法正常执行。因此，当我们在代码中使用 Object.entries 方法时，ESLint 会认为这是一种错误，从而产生 'Object.entries' is not allowed 的错误提示。
解决方法
为了解决这个问题，我们可以通过配置 ESLint 来允许使用 Object.entries 方法。具体来说，有以下两种方法：
方法一：配置 ESLint 规则
我们可以添加一个新的 ESLint 规则来允许使用 Object.entries 方法。在 .eslintrc.json 文件中，添加以下内容：
{
"rules": {
"no-restricted-syntax": ["error", "Object.entries"]
}
}这段代码将允许使用 Object.entries 方法，即使在浏览器中不支持它的情况下也不会报错。当然，如果你的代码中有其他 ES2017 特性被标记为错误，也可以通过修改 no-restricted-syntax 规则来允许使用它们。
方法二：安装插件
我们也可以安装一个名为 eslint-plugin-es 的插件，在不需要配置规则的情况下允许使用 ES2017 新特性。具体来说，我们可以按以下步骤进行操作：
安装插件：在命令行中输入
npm install eslint-plugin-es。在
.eslintrc.json文件中添加插件：
{
"plugins": ["es"],
}- 配置 ESLint：在
.eslintrc.json文件中，添加以下内容：
{
"rules": {
"es/no-object-entries": "off"
}
}这段代码将允许使用 Object.entries 方法，即使在浏览器中不支持它的情况下也不会报错。该插件还可以支持其他 ES2017 新特性，比如 Array.includes 和 String.padStart 等等。
示例代码
以下是一个使用 Object.entries 方法的示例代码：
const obj = { a: 1, b: 2, c: 3 };
const entries = Object.entries(obj);
for (const [key, value] of entries) {
console.log(`${key}: ${value}`);
}该代码通过 Object.entries 方法，将一个对象转换为键值对数组，并使用解构赋值的方式来遍历数组并打印输出。
如果我们没有针对 'Object.entries' is not allowed 错误进行解决，代码将不能够在一些较旧的浏览器中正常运行。但是，通过本文提供的方法，我们可以轻松地解决这个问题，使代码在所有浏览器中都可以运行。
Source: FunTeaLearn,Please indicate the source for reprints https://funteas.com/post/6793e376504e4ea9bd8588a1