eslint配置和课程中讲解的出入很大

Question

老师好，我发现如今安装后的eslint配置，和当时的差异很大。并且安装时会报错。您能否重新出个视频讲解一下呢？谢谢。

比如当时课程执行npx eslint --init ，自动生成的eslint.config.js文件，而现在生成的是eslint.config.mjs

并且配置也完全不一样了，

这是我现在的配置：

import globals from 'globals';
import pluginJs from '@eslint/js';
import tseslint from 'typescript-eslint';
import pluginReactConfig from 'eslint-plugin-react/configs/recommended.js';


const eslintConfig = [
  { languageOptions: { globals: globals.browser } },
  pluginJs.configs.recommended,
  ...tseslint.configs.recommended,
  pluginReactConfig,
];

export default eslintConfig;

Answer 1

Delking 2024-11-03 13:11:24

# 修改项目根目录下的 eslint.config.mjs 文件

import globals from "globals";

import pluginJs from "@eslint/js";

import tseslint from "typescript-eslint";

import pluginReact from "eslint-plugin-react";

/** @type {import('eslint').Linter.Config[]} */

export default [

  {files: ["**/*.{js,mjs,cjs,ts,jsx,tsx}"]},

  {languageOptions: { globals: globals.browser }},

  # 添加以下内容

  {

    "settings": {

      "react": {

        "version": "detect"

      }

    }

  },

  # 内容结束

  pluginJs.configs.recommended,

  ...tseslint.configs.recommended,

  pluginReact.configs.flat.recommended,

];

Answer 2

mallchat 2024-05-02 11:16:59

有解答了吗我也是卡在这了，一样的问题

• 提问者 皮小西 #1

  import globals from 'globals';
  import pluginJs from '@eslint/js';
  import tseslint from 'typescript-eslint';
  import pluginReactConfig from 'eslint-plugin-react/configs/recommended.js';
  
  const reactSettings = {
    settings: {
      react: {
        version: 'detect',
      },
    },
  };
  
  const eslintConfig = [
    { languageOptions: { globals: globals.browser } },
    pluginJs.configs.recommended,
    ...tseslint.configs.recommended,
    pluginReactConfig,
    reactSettings,
  ];
  
  export default eslintConfig;
  这是我完整代码，你看看能不能直接使用。你有什么报错不？

Answer 3

双越 2024-04-26 19:47:07

好，这块我后续更新

• mallchat #1

  这一块多会更新啊，我刚开始做这个项目也是这个问题，eslint.config.mjs完全和视频里的不一样

• 提问者 皮小西 #2

  同问

• 黎先生s 回复 提问者 皮小西 #3

  回复 皮小西：我也是这个问题，直接没有配置 看下面的内容了， 你配置好了吗