記錄eslint升級到9.x的版本之后遇到的坑
- 在 ESLint 9 中,配置方式發生了變化。Flat Config 格式(eslint.config.js 或 .ts)不再支持
extensions
選項。所以vscode編輯器中的 extensions 需要注釋掉,要不然保存的時候不會格式化。
2. eslint9 只支持eslint.config.js/eslint.config.ts的寫法,使用vite默認生成的項目模板不能格式化
import globals from 'globals'
import pluginJs from '@eslint/js'
import tseslint from 'typescript-eslint'
import pluginVue from 'eslint-plugin-vue'
import pluginPrettierRecommendedConfigs from 'eslint-plugin-prettier/recommended'
import parserVue from 'vue-eslint-parser';
export default [// eslint 默認推薦規則pluginJs.configs.recommended,// ts 默認推薦規則...tseslint.configs.recommended,// vue3 基礎推薦規則...pluginVue.configs['flat/recommended'],// prettier 默認推薦規則pluginPrettierRecommendedConfigs,{languageOptions: {globals: {...globals.browser,...globals.es2020,...globals.node,},ecmaVersion: 2020,parser: parserVue,parserOptions: {parser: tseslint.parser,},},rules: {// 覆蓋 TypeScript 嚴格規則,允許顯式 any'@typescript-eslint/no-explicit-any': 'off','vue/multi-word-component-names': 'off','vue/require-default-prop': 'off','@typescript-eslint/no-unused-vars': 'off',},},
]
- eslint依賴項
- eslint 調試方式
查看報錯信息依次處理