eslint报错解决方案：--fix的使用

最新推荐文章于 2025-09-04 17:25:58 发布

原创最新推荐文章于 2025-09-04 17:25:58 发布 · 2.6w 阅读

11 ·

CC 4.0 BY-SA版权

文章标签：

#vue #eslint

Vue 专栏收录该内容

14 篇文章

订阅专栏

本文介绍了在Vue项目中如何通过eslint进行代码规范检查。当项目运行后，eslint会指出代码中的不规范之处。虽然不影响运行，但作为程序员，作者选择通过添加`--fix`选项到package.json的脚本来自动修复这些问题。在`npm run lint`和`npm run dev`之前运行此修复，可以确保代码更加整洁和规范。

vue项目中使用eslint来做代码规范检查时，在每次运行项目后就会指出你代码中的各种不规范的地方。各种红彤彤的报错，我滴妈！
在这里插入图片描述
虽说不影响项目运行，但是作为一个程序猿，我接受不了……

解决方案

遇到问题，不要慌～报错信息放到百度翻译看一看先，可以发现，报错信息提示了我们该怎么做！

1 error and 0 warnings potentially fixable with the `--fix` option.
// 1个错误和0个警告可通过“--fix”选项修复。

--fix 很明显是一个命令参数，自然联想到我们的package.json文件，其中script标签内定义了很多npm命令：

在这里插入图片描述
找到其中跟eslint有关的这一句：如下加入--fix 即可。

"lint": "eslint --fix --ext .js,.vue src"

完事之后，在下次启动项目之前就先来修复一下代码不规范的地方：

npm run lint
npm run dev

在这里插入图片描述