Vue + Eslint：lintOnSave = false不起作用，浏览器覆盖仍会中断开发

问题描述

我更新了程序包，现在在开发过程中获得了有关掉毛错误的浏览器覆盖。

前段时间我在Vue 2设置上遇到了这个问题，现在Vue 3也是如此。

我想将警告/错误保留在控制台中，但是覆盖层会干扰我的开发，是否有人对如何解决此问题有想法？

package.json

  "name": "frontend","version": "0.1.0","private": true,"scripts": {
    "serve": "env-cmd -f ../.env vue-cli-service serve --port 4022","build": "env-cmd -f ../.env vue-cli-service build","build-action": "vue-cli-service build","lint": "vue-cli-service lint"
  },"dependencies": {
    "@apollo/client": "^3.1.3","@vue/cli": "^4.5.4","core-js": "^3.6.5","env-cmd": "^10.1.0","graphql": "^15.3.0","graphql-tag": "^2.11.0","lodash": "^4.17.20","register-service-worker": "^1.7.1","vue": "^3.0.0-rc.9","vue-i18n": "^9.0.0-alpha.15","vue-router": "^4.0.0-beta.7","vuex": "^4.0.0-beta.4"
  },"devDependencies": {
    "@types/lodash": "^4.14.160","@typescript-eslint/eslint-plugin": "^2.33.0","@typescript-eslint/parser": "^2.33.0","@vue/cli-plugin-babel": "^4.5.4","@vue/cli-plugin-eslint": "^4.5.4","@vue/cli-plugin-pwa": "^4.5.4","@vue/cli-plugin-router": "^4.5.4","@vue/cli-plugin-typescript": "^4.5.4","@vue/cli-plugin-vuex": "^4.5.4","@vue/cli-service": "^4.5.4","@vue/compiler-sfc": "^3.0.0-rc.9","@vue/eslint-config-airbnb": "^5.1.0","@vue/eslint-config-typescript": "^5.1.0","eslint": "^6.7.2","eslint-plugin-import": "^2.22.0","eslint-plugin-vue": "^7.0.0-beta.2","sass": "^1.26.10","sass-loader": "^8.0.2","typescript": "^3.9.7","vue-cli-plugin-vue-next": "~0.1.3"
  }
}

vue.config.js

module.exports = {
  lintOnSave: false,// lintOnSave: process.env.NODE_ENV !== 'production',pwa: {
    workBoxOptions: {
      skipwaiting: true,},};

eslintrc.js

module.exports = {
  root: true,env: {
    node: true,extends: ['plugin:vue/vue3-recommended','@vue/airbnb','@vue/typescript/recommended'],parserOptions: {
    ecmaVersion: 2020,rules: {
    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off','no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off','import/extensions': [
      'error','always',{
        ts: 'never',vue: 'never',],};

解决方法

我发现了这个：https://stackoverflow.com/a/41211721/4071305。

我添加了一个空的打字稿文件，并编辑了tsconfig.json的包含和排除部分，如下所示：

"include": [
  "empty.ts",],"exclude": [
  "node_modules","src/**/*.ts","src/**/*.vue","tests/**/*.ts"
]

此修补程序有效，但是我希望在Vue 3正式发布时lintOnSave标志能够起作用。

eslint eslint vue.js