Atom / Nuclide 中的代码中断语法突出显示答案

【问题标题】：Code breaks syntax highlighting in Atom / NuclideAtom / Nuclide 中的代码中断语法突出显示
【发布时间】：2018-02-04 18:38:29
【问题描述】：

这个 Javascript / React Native 代码工作得很好，它打破了 Atom / Nuclide 中的语法高亮显示，以适应它之后的任何内容。是代码有问题还是语法高亮引擎有问题？

static navigationOptions = {
    headerTitle: "TFN Top Headlines",
    headerTitleStyle: { fontFamily: "Iowan Old Style" },
    headerLeft: (
      <Icon
        size={35}
        onPress={() => {
          _this.toggleMenu();
        }}
        style={{
          marginLeft: 10
        }}
        name="navicon"
      />
    )
  };

【问题讨论】：

您的编辑器是否为 JSX 配置？
我的其他文件和项目中的所有其他 JSX 看起来都很好。我怎么知道是不是？

标签： javascript react-native atom-editor nuclide-editor

【解决方案1】：

您需要安装一个插件来支持 JSX 格式。

你可以试试https://atom.io/packages/language-babel

【讨论】：