react+eslint+prettier出现的问题

Question

prettier起了作用， 但是出了这个error，
屏幕快照 2019-06-03 下午7.09.18
屏幕快照 2019-06-03 下午7.09.18

其中eslint配置文件如下

{
  // 环境，这里可以设置环来做区别判断
  "env": {
    "browser": true,
    "commonjs": true,
    "es6": true
  },
  // 使用的扩展库
  "extends": ["plugin:prettier/recommended"],
  // 解析器用于解析代码
  "parser": "babel-eslint",
  // 解析器配置
  "parserOptions": {
    "ecmaFeatures": {
      "jsx": true
    },
    "ecmaVersion": 2018,
    "sourceType": "module"
  },
  // 可以全局使用变量
  "globals": {
    "document": true,
    "navigator": true,
    "window":true,
    "node":true
  },
  // 第三方插件
  "plugins": [
    "prettier",
    "react"
  ],
  // 规则配置
  "rules": {
    "eqeqeq": "off",
    "prettier/prettier": "error",
    "react/jsx-uses-vars": 1,
    "react/jsx-uses-react": 1,
    // 允许在 .js 和 .jsx 文件中使用  jsx
    "react/jsx-filename-extension": [1, { "extensions": [".js", ".jsx"] }],
    // jsx > 紧跟着属性
    "react/jsx-closing-bracket-location": [1, "after-props"],
    // 不区分是否是 无状态组件
    "react/prefer-stateless-function": 0,

    "class-methods-use-this": 0,
    "comma-dangle": 0,
    "quotes": [
      "error",
      "double"
    ],
    "semi": [
      "error",
      "always"
    ],
    // 禁止缩进错误
    "indent": 0,
    // 关闭不允许使用 no-tabs
    "no-tabs": "off",
    "no-console": 1,

    // 箭头函数直接返回的时候不需要 大括号 {}
    "arrow-body-style": [2, "as-needed"],
    "no-alert":"error",

    // 不需要每次都有返回
    "consistent-return":0,
    // 允许使用 arguments
    "prefer-rest-params":0,

    // 不必在使用前定义 函数
    "no-use-before-define": 0,
    // 允许代码后面空白
    "no-trailing-spaces": 0,

    // 类成员之间空行问题
    "lines-between-class-members":0,


    // 不区分是否在 despendencies
    "import/no-extraneous-dependencies": 0,
    // 引用时候根据根目录基础
    "import/no-unresolved": 0


  }
}

prettier配置如下：

{
  "useTabs": false,
  "singleQuote": false,
  "semi": true,
  "bracketSpacing": true
}

请问这个问题是怎么回事，另外我一保存就会自动调用prettier，还要配置-fix吗？