Prettier不在React項目工作

我正在將我的airbnb eslint規則遷移到更漂亮的規則，但我遇到了一些問題。Prettier不在React項目工作

這裏是我的.eslintrc：

{ 
    "parserOptions": { 
    "ecmaVersion": 6 
    }, 
    "env": { 
    "browser": true, 
    "node": true 
    }, 
    parser: "babel-eslint", 
    "plugins": ["prettier", "react"], 
    "rules": { 
    "prettier/prettier": [ 
     "error", 
     { 
     "singleQuote": true, 
     "semi": true 
     } 
    ] 
    }, 
    "extends": ["eslint:recommended", "prettier", "prettier/react"] 
}

在此設置下我在App.jsx文件得到這些錯誤：

'陣營' 的定義，但從未使用過。（no-unused-vars）

'Header'被定義但從未使用過。（無未使用，增值經銷商）

import React from 'react'; 
import style from './App.scss'; 
import Header from '../header/Header'; 

const App =() => 
    <div className={style.wrapper}> 
    <Header /> 
    </div>; 

export default App;

來源

2017-07-24 Alessander França

嘗試添加'react'插件 - '「擴展： [」eslint：recommended「，」plugin：react/recommended「]' –

可以回答我給你的正面投票嗎？ –

你需要添加esLint react plugin。

"extends: ["eslint:recommended", "plugin:react/recommended", ...]

這將增加react/jsx-uses-react規則，這將防止被錯誤地標記爲未使用時JSX是使用反應。

來源

2017-07-24 17:08:13

謝謝，這個工作：） –

Prettier不在React項目工作

回答

相關問題