vue cli 3 lintOnSave 配置有时无效问题

时间:2025-04-28 19:37:01

一个使用vue cli 3.2创建的项目,创建时未开启 lintOnSave,后来希望开启并设置为 lintOnSave: 'error',但配置不生效。

解决方法1:新创建项目(此时vue cli 版本为 3.4)并开启 lintOnSave,然后删除其中所有文件,将旧有项目所有代码(包括node_modules)移动到新项目文件夹,发现lintOnSave报错页面提示有。

解决方法2:在 vue.config.js 中配置:

module.exports = {
devServer: {
overlay: {
warnings: true,
errors: true
}
},
lintOnSave: 'error',
chainWebpack: config => {
config.module.rule('eslint').use('eslint-loader').loader('eslint-loader').tap(opt => {
opt.emitWarning = opt.emitError = opt.failOnWarning = opt.failOnError = true;
return opt;
});
}
};

参考:【eslint-loader:Errors and Warning