Ruby on Rails 应用程序中 ESlint for Javascript 的问题答案

【问题标题】：Issues with ESlint for Javascript in Ruby on Rails ApplicationRuby on Rails 应用程序中 ESlint for Javascript 的问题
【发布时间】：2017-04-25 10:56:37
【问题描述】：

我们在一个使用 RoR 作为底层框架的项目中启用了 ESLint。我们正在使用 Rails 的资产管道进行资产管理，它使用以下语法（参见 asset_path 函数）

<img src='<%= asset_path("banner.jpg") %>' alt='banner image'>

这里的问题是在运行 lint 检查时会引发以下错误：

error  Parsing error: Unexpected token %=

有没有办法让ESLint 允许解析 <%=？

【问题讨论】：

ESLint 用于检查 JavaScript 代码。这是 HTML 代码中的 ERB 代码。你为什么要 ESLint 对这个文件做任何事情？
是的，这是 HTML，但我们通过 JS 注入了一些 HTML。此外，还有其他地方，例如 <%= Rails.env.production? %>，我们也使用 ERB 代码。

标签： javascript ruby-on-rails ruby asset-pipeline eslint

【解决方案1】：

试试https://www.npmjs.com/package/eslint-plugin-html-erb

只需通过 npm 或 yarn 安装，然后添加到您的 .eslintrc 文件中：

  "plugins": [
    "html-erb"
  ],

【讨论】：