一个莫名其妙的前端问题,求解

本贴最后更新于 2948 天前,其中的信息可能已经水流花落

一个莫名其妙的报错,求解~

我在配置一个 react 脚手架的时候,使用了 esformatter 和 eslint。

项目正常运行没有任何错误,但是在使用 esformatter 命令时,会报如下错误
命令是 esformatter src/**/*.jsx

a61577454dcc47779233185d2b4d9eb4.png

运行一切正常(运行时已经进行了 eslint 进行代码检查,没有问题,eslint 将分号去掉的),但是就是这么一个错误..导致一直不能进行格式化~~~,求解啊,就这一个问题了,谢谢各位大神些=-=

经过在网上的一系列搜索大法,貌似、好像、可能、我定位到的是
b9f78f9fc93c48fab6dde6fb41d37890.png

但是还是不知道咋办 QAQ,我的天啦噜,困扰我很久了。

eslint 配置文件如下:

{ "env": { "browser": true, "commonjs": true, "es6": true, "node": true }, "extends": ["eslint:recommended","plugin:react/recommended"], "parserOptions": { "ecmaFeatures": { "experimentalObjectRestSpread": true, "jsx": true }, "sourceType": "module" }, "plugins": [ "react" ], "settings": { "react": { "createClass": "createClass", "pragma": "React", "version": "15.4.2" } }, "rules": { "indent": [ "error", 2 ],//tab占两个空格 // "linebreak-style": [ // "error", // "windows" // ], 使用windows结束符 "quotes": [ "error", "single" ],//强制使用单引号 "semi": [ "error", "never" ], "no-console":"off" // "react/jsx-uses-react": "error",//防止React被错误地标记为未使用 // "react/jsx-uses-vars": "error",//防止在JSX中使用的变量被错误地标记为未使用 // "react/no-danger":"error",//防止在jsx中使用危险的属性 // "react/no-deprecated":"error",//防止使用废弃的方法 // "react/no-did-mount-set-state":"error",//防止在didmount时setState // "react/no-did-update-set-state":"error",//防止在didupdate时setState // "react/no-multi-comp":"error",//防止一个文件内定义多个组件 // "react/prefer-stateless-function":"error",//强制无状态React组件作为纯函数写入 // "react/react-in-jsx-scope":"error",//使用JSX时防止丢失React // "react/require-render-return":"error",//强制ES5或ES6类在render函数中返回值 // "react/sort-comp":"error",//强制组件方法排序, // "react/void-dom-elements-no-children":"error",//闭合标签不能接受子元素 // "react/jsx-closing-bracket-location":"error",//在JSX中验证关闭括号位置(可修复) // "react/jsx-curly-spacing":["error","never"],//禁止在花括号前后使用空格 // "react/jsx-equals-spacing":["error","always"]//等号前后必须要空格 } }

esformatter 配置文件如下

{ "root": true, "plugins": [ "esformatter-jsx" ], "jsx": { "attrsOnSameLineAsTag": false, "maxAttrsOnTag": 5, "firstAttributeOnSameLine": true, "alignWithFirstAttribute": true, "JSXExpressionsSingleLine": true, "spaceInJSXExpressionContainers": "", "removeSpaceBeforeClosingJSX": true, "closingTagOnNewLine": true, "JSXAttributeQuotes": "double", "formatJSXExpressions":true }, "indent": { "value": " ", "ArrayExpression": 1, "AssignmentExpression": 1, "BinaryExpression": 1, "ConditionalExpression": 1, "CallExpression": 1, "CatchClause": 1, "DoWhileStatement": 1, "ForInStatement": 1, "ForStatement": 1, "FunctionDeclaration": 1, "FunctionExpression": 1, "IfStatement": 1, "MemberExpression": 1, "MultipleVariableDeclaration": 1, "ObjectExpression": 1, "ReturnStatement": ">=1", "SwitchCase": 1, "SwitchStatement": 1, "TopLevelFunctionBlock": 1, "TryStatement": 1, "VariableDeclaration.LogicalExpression": 1, "WhileStatement": 1 }, "lineBreak": { "before": { "AssignmentExpression": ">=0", "AssignmentOperator": 0, "BlockStatement": 1, "CallExpression": -1, "ConditionalExpression": ">=1", "CatchOpeningBrace": 0, "CatchClosingBrace": ">=1", "CatchKeyword": 0, "DeleteOperator": ">=1", "DoWhileStatement": ">=1", "DoWhileStatementOpeningBrace": 0, "DoWhileStatementClosingBrace": ">=1", "EndOfFile": 1, "EmptyStatement": -1, "FinallyKeyword": -1, "FinallyOpeningBrace": 0, "FinallyClosingBrace": ">=1", "ForInStatement": ">=1", "ForInStatementExpressionOpening": 0, "ForInStatementExpressionClosing": 0, "ForInStatementOpeningBrace": 0, "ForInStatementClosingBrace": ">=1", "ForStatement": ">=1", "ForStatementExpressionOpening": 0, "ForStatementExpressionClosing": "<2", "ForStatementOpeningBrace": 0, "ForStatementClosingBrace": ">=1", "FunctionExpression": 0, "FunctionExpressionOpeningBrace": 0, "FunctionExpressionClosingBrace": ">=1", "FunctionDeclaration": ">=1", "FunctionDeclarationOpeningBrace": 0, "FunctionDeclarationClosingBrace": ">=1", "IfStatement": ">=1", "IfStatementOpeningBrace": 0, "IfStatementClosingBrace": ">=1", "ElseIfStatement": 0, "ElseIfStatementOpeningBrace": 0, "ElseIfStatementClosingBrace": ">=1", "ElseStatement": 0, "ElseStatementOpeningBrace": 0, "ElseStatementClosingBrace": ">=1", "LogicalExpression": -1, "ObjectExpressionOpeningBrace": 0, "ObjectExpressionClosingBrace": 1, "Property": 1, "ReturnStatement": ">=1", "SwitchOpeningBrace": 0, "SwitchClosingBrace": ">=1", "ThisExpression": -1, "ThrowStatement": ">=1", "TryKeyword": -1, "TryOpeningBrace": 0, "TryClosingBrace": ">=1", "VariableName": ">=1", "VariableValue": 0, "VariableDeclaration": ">=1", "VariableDeclarationWithoutInit": ">=1", "WhileStatement": ">=1", "WhileStatementOpeningBrace": 0, "WhileStatementClosingBrace": ">=1", "ArrayExpressionClosing": 1 }, "after": { "AssignmentExpression": ">=1", "AssignmentOperator": 0, "BlockStatement": 0, "CallExpression": -1, "CatchOpeningBrace": ">=1", "CatchClosingBrace": ">=0", "CatchKeyword": 0, "ConditionalExpression": ">=1", "DeleteOperator": ">=1", "DoWhileStatement": ">=1", "DoWhileStatementOpeningBrace": ">=1", "DoWhileStatementClosingBrace": 0, "EmptyStatement": -1, "FinallyKeyword": -1, "FinallyOpeningBrace": ">=1", "FinallyClosingBrace": ">=1", "ForInStatement": ">=1", "ForInStatementExpressionOpening": "<2", "ForInStatementExpressionClosing": -1, "ForInStatementOpeningBrace": ">=1", "ForInStatementClosingBrace": ">=1", "ForStatement": ">=1", "ForStatementExpressionOpening": "<2", "ForStatementExpressionClosing": -1, "ForStatementOpeningBrace": ">=1", "ForStatementClosingBrace": ">=1", "FunctionExpression": ">=1", "FunctionExpressionOpeningBrace": ">=1", "FunctionExpressionClosingBrace": -1, "FunctionDeclaration": ">=1", "FunctionDeclarationOpeningBrace": ">=1", "FunctionDeclarationClosingBrace": ">=1", "IfStatement": ">=1", "IfStatementOpeningBrace": ">=1", "IfStatementClosingBrace": ">=1", "ElseIfStatement": ">=1", "ElseIfStatementOpeningBrace": ">=1", "ElseIfStatementClosingBrace": ">=1", "ElseStatement": ">=1", "ElseStatementOpeningBrace": ">=1", "ElseStatementClosingBrace": ">=1", "LogicalExpression": -1, "ObjectExpressionClosingBrace": 0, "ObjectExpressionOpeningBrace": 1, "PropertyValue": 0, "Property": 0, "ReturnStatement": 1, "SwitchOpeningBrace": ">=1", "SwitchClosingBrace": ">=1", "ThisExpression": 0, "ThrowStatement": ">=1", "TryKeyword": -1, "TryOpeningBrace": ">=1", "TryClosingBrace": 0, "VariableDeclaration": ">=1", "WhileStatement": ">=1", "WhileStatementOpeningBrace": ">=1", "WhileStatementClosingBrace": ">=1", "ArrayExpressionOpening": 1, "ArrayExpressionComma": 1 } }, "whiteSpace": { "value": " ", "removeTrailing": 1, "before": { "ArgumentComma": 0, "ArgumentList": 1, "ArgumentListArrayExpression": 0, "ArgumentListFunctionExpression": 1, "ArgumentListObjectExpression": 0, "AssignmentOperator": 1, "BinaryExpression": 0, "BinaryExpressionOperator": 1, "BlockComment": 1, "CallExpression": 1, "CatchParameterList": 0, "CatchOpeningBrace": 1, "CatchClosingBrace": 1, "CatchKeyword": 1, "CommaOperator": 0, "ConditionalExpressionConsequent": 1, "ConditionalExpressionAlternate": 1, "DoWhileStatementOpeningBrace": 1, "DoWhileStatementClosingBrace": 1, "DoWhileStatementConditional": 1, "EmptyStatement": 0, "ExpressionClosingParentheses": 0, "FinallyKeyword": -1, "FinallyOpeningBrace": 1, "FinallyClosingBrace": 1, "ForInStatement": 1, "ForInStatementExpressionOpening": 1, "ForInStatementExpressionClosing": 0, "ForInStatementOpeningBrace": 1, "ForInStatementClosingBrace": 1, "ForStatement": 1, "ForStatementExpressionOpening": 1, "ForStatementExpressionClosing": 0, "ForStatementOpeningBrace": 1, "ForStatementClosingBrace": 1, "ForStatementSemicolon": 0, "FunctionDeclarationOpeningBrace": 1, "FunctionDeclarationClosingBrace": 1, "FunctionExpressionOpeningBrace": 1, "FunctionExpressionClosingBrace": 1, "IfStatementConditionalOpening": 1, "IfStatementConditionalClosing": 1, "IfStatementOpeningBrace": 1, "IfStatementClosingBrace": 1, "ElseStatementOpeningBrace": 1, "ElseStatementClosingBrace": 1, "ElseIfStatementOpeningBrace": 1, "ElseIfStatementClosingBrace": 1, "MemberExpressionClosing": 1, "LineComment": 1, "LogicalExpressionOperator": 1, "PropertyName": 1, "Property": 1, "PropertyValue": 1, "ParameterList": 1, "SwitchDiscriminantOpening": 1, "SwitchDiscriminantClosing": 0, "ThrowKeyword": 1, "TryKeyword": -1, "TryOpeningBrace": 1, "TryClosingBrace": 1, "UnaryExpressionOperator": 0, "VariableName": 1, "VariableValue": 1, "WhileStatementConditionalOpening": 1, "WhileStatementConditionalClosing": 0, "WhileStatementOpeningBrace": 1, "WhileStatementClosingBrace": 1, "ParameterComma": 0, "ArrayExpressionOpening": 1, "ArrayExpressionClosing": 1, "ArrayExpressionComma": 0, "ObjectExpressionClosingBrace": 1 }, "after": { "ObjectExpressionOpeningBrace": 1, "ArrayExpressionOpening": 1, "ArrayExpressionClosing": 0, "ArrayExpressionComma": 1, "ArgumentComma": 1, "ArgumentList": 1, "ArgumentListArrayExpression": 1, "ArgumentListFunctionExpression": 1, "ArgumentListObjectExpression": 0, "AssignmentOperator": 1, "BinaryExpression": 0, "BinaryExpressionOperator": 1, "BlockComment": 1, "CallExpression": 0, "CatchParameterList": 0, "CatchOpeningBrace": 1, "CatchClosingBrace": 1, "CatchKeyword": 1, "CommaOperator": 1, "ConditionalExpressionConsequent": 1, "ConditionalExpressionTest": 1, "DoWhileStatementOpeningBrace": 1, "DoWhileStatementClosingBrace": 1, "DoWhileStatementBody": 1, "EmptyStatement": 0, "ExpressionOpeningParentheses": 0, "FinallyKeyword": -1, "FinallyOpeningBrace": 1, "FinallyClosingBrace": 1, "ForInStatement": 1, "ForInStatementExpressionOpening": 0, "ForInStatementExpressionClosing": 1, "ForInStatementOpeningBrace": 1, "ForInStatementClosingBrace": 1, "ForStatement": 1, "ForStatementExpressionOpening": 0, "ForStatementExpressionClosing": 1, "ForStatementClosingBrace": 1, "ForStatementOpeningBrace": 1, "ForStatementSemicolon": 0, "FunctionReservedWord": 1, "FunctionName": 0, "FunctionExpressionOpeningBrace": 0, "FunctionExpressionClosingBrace": 0, "FunctionDeclarationOpeningBrace": 1, "FunctionDeclarationClosingBrace": 1, "IfStatementConditionalOpening": 1, "IfStatementConditionalClosing": 1, "IfStatementOpeningBrace": 1, "IfStatementClosingBrace": 1, "ElseStatementOpeningBrace": 1, "ElseStatementClosingBrace": 1, "ElseIfStatementOpeningBrace": 1, "ElseIfStatementClosingBrace": 1, "MemberExpressionOpening": 1, "LogicalExpressionOperator": 1, "PropertyName": 0, "PropertyValue": 0, "ParameterComma": 1, "ParameterList": 1, "SwitchDiscriminantOpening": 0, "SwitchDiscriminantClosing": 1, "ThrowKeyword": 1, "TryKeyword": -1, "TryOpeningBrace": 1, "TryClosingBrace": 1, "UnaryExpressionOperator": 0, "VariableName": 1, "WhileStatementConditionalOpening": 0, "WhileStatementConditionalClosing": 1, "WhileStatementOpeningBrace": 1, "WhileStatementClosingBrace": 1, "ObjectExpressionClosingBrace": 0 } } }
  • webpack

    webpack 是一个用于前端开发的模块加载器和打包工具,它能把各种资源,例如 JS、CSS(less/sass)、图片等都作为模块来使用和处理。

    41 引用 • 130 回帖 • 251 关注
  • JavaScript

    JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言,内置支持类型。它的解释器被称为 JavaScript 引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在 HTML 网页上使用,用来给 HTML 网页增加动态功能。

    729 引用 • 1278 回帖 • 1 关注
  • esformatter
    1 引用 • 9 回帖
  • React

    React 是 Facebook 开源的一个用于构建 UI 的 JavaScript 库。

    192 引用 • 291 回帖 • 385 关注

相关帖子

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...
  • cykcyk123

    这是什么 前端一脸懵逼路过

    1 回复
  • 其他回帖
  • maomaomao

    js 这么自由的好的语言,为什么要用 eslint 来约束自己?

    1 回复
  • Vanessa via macOS

    把代码一点一点的调试一下吧。用 clean-css, uglify 的时候,也是莫名的问题。调一下顺序,换个写法就好了。

    1 回复
  • wuhongxu
    作者

    js 代码的一个检查工具和一个格式化的工具

    1 回复
  • 查看全部回帖