【解决】Syntax Error: TypeError: eslint.CLIEngine is not a constructor

已于 2024-04-17 13:58:04 修改
阅读量2.7w 收藏 53
点赞数 81
分类专栏： 前端 环境配置 文章标签： vue vue-cli3 eslint
于 2021-10-16 22:22:12 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43928774/article/details/120805055
版权

由于代码语法不符合eslint而照成此错误，可以参照eslint规则修改语法，或者将eslint停掉
以下为停掉eslint的方法

【解决】
ERROR Failed to compile with 1 error
Syntax Error: TypeError: eslint.CLIEngine is not a constructor
解决！

You may use special comments to disable some warnings.
Use // eslint-disable-next-line to ignore the next line.
Use /* eslint-disable */ to ignore all warnings in a file.在这里插入图片描述

有用的话麻烦点个赞，谢谢啦！^v^

方式一：打开package.json将以下代码删除重新运行（将项目停掉，重新npm run serve）

在这里插入图片描述
删除后本项目的eslint语法校验会失效，即可运行成功(需重新npm run serve)
在这里插入图片描述

方式二：打开vue.config.js加入以下代码

在这里插入图片描述

季风　
关注
专栏目录
解决ESLint报错：“TypeError: this.cliEngine is not a constructor“
pleaseprintf的博客
07-29 1450
ESLint是前端开发中常用的代码规范检查工具。然而，有时我们可能会遇到"TypeError: this.cliEngine is not a constructor"这样的报错，影响代码规范检查的进行。本文将为你详细介绍该报错的原因，并提供解决方法，确保ESLint的正常工作。通过本文，你了解了解决"TypeError: this.cliEngine is not a constructor"报错的多种方法。遵循这些方法，你可以确保ESLint正常工作，并帮助团队维持良好的代码规范。
Eslint报错TypeError: this.cliEngine is not a constructor 解决方案
niexier的博客
03-10 1万+
ESLint是一个用于识别和报告ECMAScript/JavaScript代码中的模式的工具，其目标是使代码更加一致并避免bug。 在许多方面，它与JSLint和JSHint相似，但有几个例外： ESLint使用Espree进行JavaScript解析 ESLint使用AST来评估代码中的模式 ESLint是完全可插入的，每个规则都是一个插件，您可以在运行时添加更多 在编辑器中，经常可以看到这样红色的提示，对于强迫症来说时非常难受的 点击 Details查看报错内容，那么如何去解决；根据报错路
TypeError: ‘x‘ is not a constructor的解决方案
最新发布
2301_79779756的博客
08-17 493
TypeError: ‘x’ is not a constructor 错误通常由于尝试以构造函数方式实例化一个非构造函数对象、拼写错误、导入错误或误用非函数对象引起。通过确认对象是否为构造函数、检查拼写和导入、避免误用非函数对象、以及确保模块导出/导入正确，可以有效解决此错误。
关于ESlint报错TypeError this.cliEngine is not a constructor解决方案亲测有效
热门推荐
cabinx的博客
09-11 2万+
webstorm关于ESlint报错TypeError: this.cliEngine is not a constructor以及Module Error (from ./node_modules/eslint-loader/index.js):的解决方案 1.问题描述： 最近遇到一个不常遇到的问题：在webstorm上面运行配置了ESlint的vue项目，项目刚跑起来是正常的，但是一开发就会报错，不论是添加、修改、删除代码，还是新增vue文件都会报下面两个错误： (1)Failed to com
ERROR in [eslint] ESLint is not a constructor
gx19990824的博客
06-12 722
在IDEA中的项目目录位置处，右键点击New->JavaScript File，如果你还是不确定在哪个位置（有的同学刚接触，拿到项目后发现有很多目录，搞不清是哪个，那你就根据babel.config.js来判断，放到跟它同级的目录下就好了，这个babel文件是你调用nodejs时自动生成的一个文件）。针对这个问题，首先，如果你项目目录里面没有这个文件，很简单，没有，加一个不就行了！报错原因：开发环境下每次保存代码时都默认启用。最后，重新执行你的前端代码就好了。解决办法：关闭默认启用。
Vue报错：Syntax Error: TypeError: eslint.CLIEngine is not a constructor 的解决方式
xiaxiao520的博客
11-12 5627
1、首先找到vue.config.js 然后搜索lintOnSave,然后把后面的那一串改为false 2、然后点击上面信息进行配置 3、选第一个选项 禁用ESLint，点击ok运行即可
【解决】npm run dev Syntax Error: TypeError: eslint.CLIEngine is not a constructor
程序人生
04-12 687
eslint.CLIEngine is not a constructor 由于代码语法不符合eslint而照成此错误，可以参照eslint规则修改语法，或者将eslint停掉以下为停掉eslint的方法。
vue 报错Syntax Error: TypeError: eslint.CLIEngine is not a constructor
南风北街
11-05 2740
在编辑器中，看到这样红色的提示,查看ESLint版本，将版本降低 npm install --save-dev eslint@5
vue中lintOnSave配置
m0_51205396的博客
01-12 1万+
vue中lintOnSave配置 Type: boolean | 'warning' | 'default' | 'error' Default: true 用途 设置是否在开发环境下每次保存代码时都启用 eslint验证。 value： false：关闭每次保存都进行检测 true：开启每次保存都进行检测，效果与warning一样 ‘warning’：开启每次保存都进行检测，lint 错误将显示到控制台命令行，而且编译并不会失败。 ‘error’：开启每次保存都进行检测，lint 错误将显示到浏览器页
报错ESLint:TypeError: this.CliEngine is not a constructor
paraschema的博客
10-07 2039
将eslint更新版本后，出现TypeError: this.CliEngine is not a constructor的错误。 解决办法： 1、点击Details--》找到下面的爆红路径--》用编辑打开该文件 2、找到以下片段
TypeError: this.cliEngine is not a constructor
qq_54548545的博客
06-18 386
the eslint library loaded from node_modules\eslint\lib\api.js doesn't export a cliengine.you need at least eslint@1.0.0. TypeError: this.cliEngine is not a constructor
WebStorm报错ESLint: TypeError: this.cliEngine is not a constructor
重生之我不会写代码
10-19 978
WebStorm报错ESLint: TypeError: this.cliEngine is not a constructor： 解决方案： 找到webstorm安装目录然后进入plugins\JavaScriptLanguage\languageService\eslint\bin文件夹修改eslint-plugin.js文件 例如我电脑的暗账目录为 E:\WebStorm\WebStorm 2019.1\plugins\JavaScriptLanguage\languageService\esli
webstorm 2018.2 EsLint报错 TypeError: this.CliEngine is not a constructor
王小右的博客
08-24 417
webstorm 2018.2 EsLint报错 TypeError: this.CliEngine is not a constructor 报错结果 原因 因为webstorm 2018.2版本对 高版本对EsLint不兼容 解决办法 降低EsLint 版本 npm i eslint@5.6.0 -D 降低版本后，头部对警告就消失了 ...
Jetbrain idea/webstorm产品线解决“TypeError: eslint.CLIEngine is not a constructor”
Amio_的博客
04-04 1383
笔者使用webstorm报错如下： 从图中可看出提示CLIEngine不是一个构造方法。 先说网上的解决办法： 降低eslint的版本，普遍要求降至5以下（我现在用的8+） 修改eslint-plugin.js文件 //this.cliEngine = require(this.basicPath + "lib/cli-engine"); this.cliEngine = require(this.basicPath + "lib/cli-engine").CLIEngine; 甚至还有让屏蔽es
vue： npm run serve报错：ESLint is not a constructor
weixin_46041322的博客
08-18 1625
ESLint is not a constructor
IntelliJ IDEA 安装 ESLint 及解决TypeError: this.cliEngine is not a constructor报错
m0_37781593的博客
04-14 1万+
ESLint 安装脚本 注意：每个项目都需要安装ESLint npm install --save-dev eslint babel-eslint eslint-config-alloy 或 cnpm install --save-dev eslint babel-eslint eslint-config-alloy 安装完后会报错 找到报错所在eslint-plugin.js文件...
WbeStorm插件ESlint报错TypeError this.cliEngine is not a constructor
一瓶绿茶三元钱
05-10 257
1、解决方案 　　找到webstorm安装目录下ESlint的配置文件，比如：E:\soft\webstorm\WebStorm 2018.3.6\plugins\JavaScriptLanguage\languageService\eslint\bin\eslint-plugin.js。 1 // 配置前 2 // this.cliEngine = require(this.basicPath + "lib/cli-engine"); 3 // 配置后 4 this.cliEngine = requ
解决webstrom ERROR in [eslint] ESLint is not a constructor
H_Dsheng的博客
07-03 4838
解决webstrom ERROR in [eslint] ESLint is not a constructor
syntax error: typeerror: eslint.cliengine is not a constructor
03-16
这个错误提示表明，在你的代码中使用了一个不被识别的构造函数 `eslint.CLIEngine`，这可能是由于以下原因之一导致的： 1. 你可能没有正确安装和配置 ESLint。请确保已经在你的项目中安装了 ESLint，并且在运行代码之前已经配置好了它。 2. 你可能没有正确引用 `eslint` 模块。请确保在你的代码中正确引用了 `eslint` 模块，并且已经正确导入了 `CLIEngine` 构造函数。 3. 你可能使用了过时的版本的 `eslint` 模块。请尝试更新 `eslint` 模块到最新版本，看看是否可以解决问题。 如果你能够提供更多上下文信息，例如代码片段或完整的错误信息，我可能能够为你提供更具体的帮助。
评论 37
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值