当前位置:首页 > 服务端 > vue2.0报错:Syntax Error: TypeError: eslint.CLIEngine is not a constructor

vue2.0报错:Syntax Error: TypeError: eslint.CLIEngine is not a constructor

把vue.config.js文件的lintOnSave改为false

vue2.0报错:Syntax Error: TypeError: eslint.CLIEngine is not a constructor _ JavaClub全栈架构师技术笔记

lintOnSave配置

Type: boolean | 'warning' | 'default' | 'error'
Default: true

设置是否在开发环境下每次保存代码时都启用 eslint验证

false:关闭每次保存都进行检测
true:开启每次保存都进行检测,效果与warning一样
‘warning’:开启每次保存都进行检测,lint 错误将显示到控制台命令行,而且编译并不会失败。
‘error’:开启每次保存都进行检测,lint 错误将显示到浏览器页面上,且编译失败。
‘default’:同’error’

用法:

module.exports = {
  publicPath: './', // 基本路径
  outputDir: 'dist', // 输出文件目录
  assetsDir: './assets',
  indexPath: 'index.html',
  filenameHashing: true, // 生成的静态资源在它们的文件名中包含了 hash 以便更好的控制缓存
  lintOnSave: false, // eslint-loader 是否在保存的时候检查
}

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

一个使用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;
        });
    }
};

作者:江咏之
来源链接:https://www.cnblogs.com/JiangZiChen/p/15713786.html

版权声明:
1、Java侠(https://www.javaxia.com)以学习交流为目的,由作者投稿、网友推荐和小编整理收藏优秀的IT技术及相关内容,包括但不限于文字、图片、音频、视频、软件、程序等,其均来自互联网,本站不享有版权,版权归原作者所有。

2、本站提供的内容仅用于个人学习、研究或欣赏,以及其他非商业性或非盈利性用途,但同时应遵守著作权法及其他相关法律的规定,不得侵犯相关权利人及本网站的合法权利。
3、本网站内容原作者如不愿意在本网站刊登内容,请及时通知本站(javaclubcn@163.com),我们将第一时间核实后及时予以删除。





本文链接:https://www.javaxia.com/server/125521.html

标签: syntax error
分享给朋友:

“vue2.0报错:Syntax Error: TypeError: eslint.CLIEngine is not a constructor” 的相关文章