Question

在玩一个简单的反应本机设置时，我突然偶然发现了一些（可能不那么）奇怪的ESLint内容。

这是我的Javascript文件：

import React from 'react';
import { Text, View } from 'react-native';

const Header = () => {
  const { textStyle } = styles;
  return (
    <View>
      <Text style={textStyle}>App Header!</Text>
    <View/>
  );
};
const styles = {
  textStyle: {
    fontSize: 20
  }
};
export default Header;

问题出现在textStyle: {行中的以下ESLint错误：

Parsing error: Unexpected token, expected "}" (Fatal)

我在linter安装了最新的linter-eslint（v2.2.0）和Atom（v8.4.1）软件包。

我使用的npm包rally-coding中的一组预定义规则作为项目中的dev依赖项安装，这是我的.eslintrc文件：

{
  "extends": "rallycoding",
  "parser": "babel-eslint",
  "ecmaFeatures": {
    "jsx": true
  }
}

这可能来自哪些想法？到目前为止，（许多）Github问题线程中提出的解决方法都没有提供帮助。

Answer 1

语法错误是由未关闭的View标记引起的。

<View/>应为</View>

旁注： linter对于这类错误并不总是非常准确。一个小小的建议是，如果您遇到expected "}"错误并且已经检查了所有}

，请务必检查您是否关闭了所有代码

ESLint与Atom＆amp ;;的意外解析错误反应原生

1 个答案: