如何在使用vue.js时修复"1 error potentially fixable with the `--fix` option"？

Question

在编译vue.js（v 3.10.0）项目时，由于eslint报错，我得到了一个错误，其中说“1个错误可能需要使用--fix选项进行修复。”

我已经搜索了一些解决方案，其中说我必须更改一些配置文件，但我找不到任何描述的文件。我还尝试过使用npm run lint -- --fix，它可以工作，但我不想每次都执行这行代码。

有没有办法做到这一点，比如“禁用”eslint？

- Fanbneyl

Answer 1

在vue-cli-service build命令之前运行此命令。只需修改您的package.json中的"scripts"部分即可。

...
"build": "npm run lint -- --fix && vue-cli-service build",
...

ES Lint 移除:

只需将以下代码添加到您的vue.config.js中：

module.exports = {
    chainWebpack: config => {
        config.module.rules.delete('eslint');
    }
}

- Andrew Vasylchuk

---

谢谢。这个可以用，但是有没有其他方法解决这个问题而不改变我的代码呢？如果没有的话，我会继续使用它。 - Fanbneyl

@Fanbneyl，如果你想要改变什么，就必须改变一些代码 :) - Andrew Vasylchuk

刚刚看到你移除 eslint 的部分，它完美地运行了。非常感谢你！ - Fanbneyl

@Fanbneyl，我的意思是你可以为一行代码禁用ES Lint，只需在上方添加注释// eslint-disable-line即可。 - Andrew Vasylchuk

我认为 package.json 代码中有一个错别字。应该是："build": "npm run lint --fix && vue-cli-service build"，对吗？ - Gregorio

Answer 2

使用以下命令进行修复

npm run lint -- --fix

如果您想禁用 (prettier/prettier)，请在 .eslintrc.json 文件中添加以下代码。

rules: { 
'prettier/prettier': 'off' 
}

- hamid choopani

---

如果您正在使用prettier，那么只需关闭上述命令，然后运行“npm run lint -- --fix”。 - Harprit singh