web-dev-qa-db-ja.com

Next.js NextJSのESLINTを設定します

ESlint Rules.butを追加するために作成された "npx create-next-app"および.jslc.jsonファイルを使用して基本的なnext.jsアプリを作成しました。

{
    "env": {
        "browser": true,
        "es6": true
    },
    "extends": [
        "standard"
    ],
    "globals": {
        "Atomics": "readonly",
        "SharedArrayBuffer": "readonly",
        "React": "writable"
    },
    "parserOptions": {
        "ecmaFeatures": {
            "jsx": true
        },
        "ecmaVersion": 2018,
        "sourceType": "module"
    },
    "plugins": [
        "react"
    ],
    "rules": {
        "react/react-in-jsx-scope": "off"
    }
}
 _

私はこの解決策を試してみました - https://medium.com/@joelmasters/setting-up-eslint-for-nextjs-37163D4Cabaa

reactjseslintnext.js
9
Nikhil

必要なNPMモジュールをインストールする必要があります。

nPMで：

npm i -D babel-eslint eslint-config-airbnb eslint eslint-plugin-jsx-a11y eslint-plugin-import eslint-plugin-react eslint-plugin-react-hooks
 _

糸で：

yarn add -D babel-eslint eslint-config-airbnb eslint eslint-plugin-jsx-a11y eslint-plugin-import eslint-plugin-react eslint-plugin-react-hooks
 _

これについての関連記事です

https://medium.com/@melih193/next-js-eslint-setup-tutorial-for-airbnb-config-c2b04183a92a

3
Hadnazzar