Vue

一个使用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】