webstrom js文件报eslint错误解决方法

最新推荐文章于 2023-12-26 00:05:49 发布
最新推荐文章于 2023-12-26 00:05:49 发布
阅读量578 收藏
点赞数 1
文章标签： javascript 前端 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44384273/article/details/130597442
版权

webstrom 报Eslint错误

ESLint: TypeError: this.cliEngine is not a constructor

ESLint: TypeError: this.cliEngine is not a constructor，这是因为本地项目的eslint版本和webstorm的eslint插件版本不一致导致的
解决方法如下：
首先找打webstrom的安装路径：

mac如下：windows类似找到图标也是右键

在这里插入图片描述
在这里插入图片描述
找到以下路径

\plugins\JavaScriptLanguage\languageService\eslint\bin\eslint-plugin.js
在这里插入图片描述
this.cliEngine = require(packagePath + “lib/cli-engine”).CLIEngine;
在这一行添加CLIEngine即可。
对了我的webstrom版本是2019.1.1

天外天-亮
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
webstrom eslint插件
04-21
主要是websorm的eslint语法的插件，到时候我会写一篇webstorm2018配置eslint的文章，敬请期待
【一条指令解决】WebStorm中自动修复ESLint所有错误
IT菜鸟
06-22 6065
一、配置运行命令 添加【"lint-fix":"eslint --fix --ext .js,.vue src"】，运行npm run lint-fix便可以格式化所有的代码 "scripts": { "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js", "st...
webstorm2021版本vue中配置eslint，解决因格式出现的错误
paraschema的博客
10-06 1748
页面报很多error错误，提示使用.fix 网上找了很多解决方法，但是不能很好解决 以下步骤（File > setting > 搜索eslint > 点击 eslint ） 我选择第二项自动的，然后勾选了Run eslint--fix on save 点击apply应用就可以了，现在右键会出现Fix ESLint Problems，点击就可以自动解决因为空格等格式出现的错误，重新刷新页面。 ...
webstrom Debug 调试vue项目的方法步骤
10-18
主要介绍了webstrom Debug 调试vue项目的方法步骤，详细的介绍了两种调试vue项目的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
WebStrom2017.1 安装，注册，汉化文件
12-07
WebStrom2017.1 安装程序，注册码，和汉化文件全部都有，本人已经安装完毕可以使用才上传的，大家分享下。
webstorm和.vue中es6语法报错的解决方法
12-09
1.webstorm中es6语法报错，解决方法： 打开 Settings => Languages & Frameworks => Javascript 把 Javascript Language version 改为 ECMAScript 6 这样做所有的.js文件中es6不再报错，但是.vue文件中es6语法依然报错。 2. .vue文件中es6语法报错 (1)打开 Settings => File Types 找到 HTML 添加 *.vue 这样vue文件就相当于html文件，可以编辑css，js，也都有智能提示。但是，在.vue文件中es6语法还是报错。 (2).粗暴：直接在<s
this.cliEngine is not a constructor 2种解决方法
04-14 1万+
Webstorm + vue 老是提示 this.cliEngine is not a constructor 百度上的解决方法 this.cliEngine = require(packagePath + "lib/cli-engine"); 改为 this.cliEngine = require(packagePath + "lib/cli-engine").CLIEngine; 然后重启...
webstorm下eslint的报错问题
程序员的自我修养
04-30 3653
背景： webstorm2019.1编辑器，导入一个新项目，里面的package.json已经写好了，直接npm install 安装node_module包。然后问题来了。。。 问题描述： 问题1：安装完node_module之后，项目的eslint并不起作用，不能进行语法检查和自动修复；看到编辑器提示eslint:this.cliEnigne is not a XXXX 问题2：安装了eslint，校验规则却不是自己想要的。。。。比如：强制将所有html标签修改为驼峰写法，<el-butt
Webstorm使用解决ESlint问题合集
饭一口口吃的博客
10-30 2296
Webstorm使用eslint插件报错问题解决方案
vue-cli项目修改文件热重载失效的解决方法
12-12
遇到一个很奇怪的问题，就是之前vue-cli创建的项目，在起初修改文件可以热重载，但是后面突然间就无法无刷新浏览器更新了，一只以为是热重载出问题了，折腾了半天也没纠结出什么结论，最后百度了一下，原来是编译器webstrom的锅。 问题原因 在webstrom系统设置中有一项配置，是 Use “safe write”(save changes to a temporary file first) 。webstrom是自动保存的，如果勾选Use “safe write”，编辑的文件首先会保存到临时文件中，如果保存操作成功，则保存的文件将替换为已保存的文件。（技术上，原始文件被删除，临时文件被重命名
解决ESLint报错：“TypeError: this.cliEngine is not a constructor“
pleaseprintf的博客
07-29 677
ESLint是前端开发中常用的代码规范检查工具。然而，有时我们可能会遇到"TypeError: this.cliEngine is not a constructor"这样的报错，影响代码规范检查的进行。本文将为你详细介绍该报错的原因，并提供解决方法，确保ESLint的正常工作。通过本文，你了解了解决"TypeError: this.cliEngine is not a constructor"报错的多种方法。遵循这些方法，你可以确保ESLint正常工作，并帮助团队维持良好的代码规范。
如何在WebStorm中配置ESLint
zhym86848658的专栏
04-17 4823
在vue的项目中，我们有时候会用到eslint去要求开发代码规范一样。以下记录如何在webStorm中使用eslint配置 Setting-->Plugins-->查找eslint-->安装插件 配置ESLint 配置格式化快捷键 通过以上配置你可以在代码里通过Alt + X进行ESLint进行代码规范处理 ...
webstorm配置eslint一键格式化代码
专注
12-19 2307
【代码】webstorm配置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查看报错内容，那么如何去解决；根据报错路
关于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
ESLint: TypeError: this.libOptions.parse is not a function - Webstorm
weixin_43928813的博客
09-16 2万+
ESLint 在 Webstorm 中出现 TypeError: this.libOptions.parse is not a function 错误的原因及修复办法。如果你正在使用 ESLint 8.23.x 和 WebStorm 2022.2.x 或 PhpStorm 2022.2.x。这是 ESLint 8.23.x 中的一个bug。ESLint 团队正在努力解决这个问题，希望很快就能解决。在此之前，解决方法是将你的 ESLint 的版本降至8.22。
项目配置了eslint,编辑器没有关闭eslint功能的情况下，eslint没有生效
最新发布
baidu_33164415的博客
12-26 767
项目配置了eslint,编辑器没有关闭eslint功能的情况下，eslint没有生效
报错TypeError: this.cliEngine is not a constructor
csdnyp的博客
04-27 3672
我是在做react项目的时候，webstom打开多个项目，会出现这个问题，点击Details查看详情 就会提示：this.cliEngine is not a constructor问题 解决方法： 1、点击下面报红的文件名，进入eslint-plugin.js文件 2、按 “Ctrl+F” 弹出搜索框输入 “lib/cli-engine” 3、将this.cliEngine = require(packagePath + “lib/cli-engine”);换成this.cliEngine = requ
webstrom打开文件乱码
09-13
要解决Webstorm打开文件乱码的问题，可以尝试以下几个步骤： 方法1： 1. 点击Webstorm顶部菜单栏中的"File"（文件）选项。 2. 选择"Settings"（设置）选项。 3. 在弹出的窗口中，选择"Editor"（编辑器）选项。 4. 在"Editor"选项中，找到"File Encodings"（文件编码）选项。 5. 将"Encoding for 'Properties files'"（属性文件的编码）和"Default encoding for properties files"（属性文件的默认编码）的值设置为"GBK"。 6. 点击"OK"按钮保存更改。 7. 重新加载文件，查看是否还存在乱码问题。＊＊＊ 2. 单击顶部菜单栏中的"File"（文件）选项。 3. 选择"Settings"（设置）选项。 4. 在弹出的窗口中，选择"Appearance & Behavior"（外观和行为）选项。 5. 在"Appearance & Behavior"选项中，选择"Appearance"（外观）选项。 6. 在"Appearance"选项中，找到"Override default fonts by (not recommended)"（覆盖默认字体）。 7. 在"Name"（名称）中选择合适的字体。 8. 点击"OK"按钮保存更改。 9. 重新打开Webstorm，查看文件是否还存在乱码问题。 通过以上方法，您应该能够解决Webstorm打开文件乱码的问题。如果问题仍然存在，您可能需要检查文件本身的编码格式是否正确，并确保文件中的中文内容是以正确的编码方式保存的。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值