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

来源：3-5 -使用eslint检查代码语法错误-提前识别，防患于未然

皮小西

2024-04-26

老师好，我发现如今安装后的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;

写回答

3回答

Delking

2024-11-03

# 修改项目根目录下的 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,

];

mallchat

2024-05-02

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

皮小西

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; 这是我完整代码，你看看能不能直接使用。你有什么报错不？

2024-05-02

共1条回复