WebStorm 中的 JavaScript 代码样式显示未终止语句警告答案

【问题标题】：JavaScript code style in WebStorm shows unterminated statement warningWebStorm 中的 JavaScript 代码样式显示未终止语句警告
【发布时间】：2016-03-31 09:38:42
【问题描述】：

我在一个 NodeJS 项目中使用 WebStorm 2016.1，但似乎无法弄清楚一些不断触发警告的代码样式问题。

例如，我在没有用分号终止行的地方得到了这些灰色块，我不想这样做，因为这违反了项目的 eslint 设置。我添加了;，然后我收到了一个 eslint 警告。

我需要更改什么设置才能阻止这种情况？

【问题讨论】：

在设置中搜索“未终止”
查看答案stackoverflow.com/questions/31583771/…

标签： javascript node.js webstorm

【解决方案1】：

要解决此问题，请在 WebStorm 的 Editor > Inspections 中更改以下设置：

]

【讨论】：

这只是关闭检查未终止的语句。您如何实际修复您的代码以使其消失？这对我来说似乎很 hacky...
@coderade：OP 确实说如果添加 ; 会引发 ESLint 警告。
您应该关闭该设置，因为 WebStorm 正在发出错误警告。如果该语句没有被终止，它将不会编译或者会出现某种运行时错误，而且两者都不是真的。这可以追溯到关于需要分号的误导性模因（完全错误）。
@haakon.io 没有什么可以修复的代码是正确的有或没有分号

【解决方案2】：

尝试以下步骤：

Ctrl-Shift-A –> Unterminated Statement –> Off

【讨论】：

【解决方案3】：

对于其他不需要的检查问题，在突出显示的代码上按 Alt+Enter。上下文菜单将显示建议的解决方案，包括禁用检查。

【讨论】：

【解决方案4】：

就我而言，有很多“未终止语句”，所以我只需将整个代码复制到记事本等编辑器中，删除所有内容并从记事本复制回来，所有“未终止语句”都消失了。

为了提供更多背景知识，某些站点上的代码 sn-ps 包含额外的字符（例如下面 sn-p 中的 <200b>），除非将其复制并粘贴到诸如 @ 之类的程序中，否则这些字符是不可见的987654324@。 <200b> 代表零宽度空间，如下所述：https://en.wikipedia.org/wiki/Zero-width_space

以下示例取自https://redux.js.org/recipes/writing-tests。

import React from 'react'
import Enzyme, { mount } from 'enzyme'
import Adapter from 'enzyme-adapter-react-16';
import Header from '../../components/Header'
<200b>
Enzyme.configure({ adapter: new Adapter() });
<200b>
function setup() {
  const props = {
    addTodo: jest.fn()
  }
<200b>
  const enzymeWrapper = mount(<Header {...props} />)
<200b>
  return {
    props,
    enzymeWrapper
  }
}

我怀疑问题是零宽度空间对 Jetbrains IDE 如何将其应用于 Javascript 文件有一些影响，因为如果我从代码中手动删除 <200b> 然后将其粘贴回 IDE，那么有用。

可能值得打开错误报告。

应该有帮助，试试吧。似乎是一些额外的不可编辑符号的问题。

【讨论】：