在前端开发中，使用 ESLint 是一种很常见的方式来帮助我们检查 JavaScript 代码的错误。但是，有时候我们会收到这样的错误提示：'inline' is not allowed。本文将会详细解释为什么会出现这个错误，以及如何解决它。
为什么会出现这个错误
在 ESLint 中，'inline' 是一种用于定义行内 JavaScript 代码的方式。通常来说，我们可以在 HTML 中的某个元素中使用一个类似于下面这样的 script 标签来包含行内 JavaScript 代码：
<button onclick="alert('Hello world!')">Click me</button>
<!-- 或者 -->
<a href="#" onclick="alert('Hello world!')">Click me</a>然而，如果我们在 JavaScript 文件中使用了这种方式来写代码：
-- -------------------- ---- ------- ----- ------ - --------------------------------- -------------- - ---------- - ------------ --------- -- ----- ---- - ---------------------------- --------- - ---- ------------ - ---------- - ------------ --------- --
那么 ESLint 就会提示我们使用了一个不允许的 'inline' 定义方式，并且会报错 'inline' is not allowed。
如何解决这个错误
要解决这个错误，我们需要在 ESLint 中配置 'no-inline-comments' 规则。该规则会检查 JavaScript 代码中是否存在行内注释，如果存在，则会发出警告或错误。
在 .eslintrc 文件中添加以下配置：
{
"rules": {
"no-inline-comments": 2
}
}其中数字 2 表示该规则会报错，如果你想要该规则只发出警告而不是报错，则可以将数字设为 1。
此外，我们还可以使用 ESLint 插件 inline-comment-disable 来临时禁用某些行内注释的检查。
首先，安装插件：
npm install --save-dev eslint-plugin-inline-comment-disable
然后在 .eslintrc 文件中添加以下配置：
{
"plugins": ["inline-comment-disable"],
"rules": {
"inline-comment-disable/enable-rule": 0
}
}这样一来，我们就可以在 JavaScript 代码中使用下面这样的注释来临时禁用行内注释的检查：
-- -------------------- ---- ------- -- -------------- --------------- -- ----- ------ - --------------------------------- -------------- - ---------- - ------------ --------- -- -- ------------- --------------- -- -- -------------- --------------- -- ----- ---- - ---------------------------- --------- - ---- ------------ - ---------- - ------------ --------- -- -- ------------- --------------- --
总结
'inline' is not allowed 错误提示一般是由于我们在 JavaScript 代码中使用了行内注释导致的。为了解决这个错误，我们需要在 ESLint 中增加相关的配置来禁用或临时禁用行内注释的检查。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64ec7066f6b2d6eab36bac70