第一步：在vue.config.js配置（如果没有手动创建即可）

module.exports = {
  // 关闭eslint语法验证
  lintOnSave: false,
  devServer: {
    // 关闭eslint语法验证
    overlay: {
      warning: false,
      errors: false,
    },
  },
}

第二步 配置.eslintrc（如果没有手动创建即可）

module.exports = {
  rules: {
        "prettier/prettier": "off"
  }
}

关闭ts检查

npm install @typescript-eslint/eslint-plugin @typescript-eslint/parser
然后在根目录文件中创建.eslintrc 文件 写入如下代码就解决了。还我浏览器控制台一片洁白。

module.exports = {
  parser: '@typescript-eslint/parser',
  plugins: ['@typescript-eslint'],
  rules: {
    'import/no-anonymous-default-export': 0
  }
}