解决TypeError: this.cliEngine is not a constructor问题并解决eslint\bin\eslint-plugin.js___jb_tmp___ (拒绝访问）

亦凉 2023-09-28 18:41 20阅读 0赞

#### 目录 ####

*  问题
 *  分析问题
 *   *  找到原文件
     *  定位问题所在的位置
     *  分析拒绝访问的问题
 *  解决问题
 *   *  找到原文件路径
     *  修改原文件
     *  重新打开webStorm
 *  其他解决方案

## 问题 ##

今天打开`webStorm`，准备编写`index.tsx`文件，便遇到如下问题：

TypeError: this.cliEngine is not a constructor
    
    TypeError: this.cliEngine is not a constructor
        at ESLintPlugin.invokeESLint (D:\software\WebStorm 2019.1\plugins\JavaScriptLanguage\languageService\eslint\bin\eslint-plugin.js:97:25)
        at ESLintPlugin.getErrors (D:\software\WebStorm 2019.1\plugins\JavaScriptLanguage\languageService\eslint\bin\eslint-plugin.js:76:21)
        at ESLintPlugin.onMessage (D:\software\WebStorm 2019.1\plugins\JavaScriptLanguage\languageService\eslint\bin\eslint-plugin.js:42:29)
        at Interface.<anonymous> (D:\software\WebStorm 2019.1\plugins\JavaScriptLanguage\jsLanguageServicesImpl\js-language-service.js:105:39)
        at Interface.emit (events.js:375:28)
        at Interface._onLine (readline.js:364:10)
        at Interface._normalWrite (readline.js:509:12)
        at Socket.ondata (readline.js:216:10)
        at Socket.emit (events.js:375:28)
        at addChunk (internal/streams/readable.js:290:12)
    Process finished with exit code -1

即下图文件：

![在这里插入图片描述][8689df36195340c1a3efd9afcea8f90f.png]  
遇到问题不要着急，一步一步进行如下分析。

## 分析问题 ##

### 找到原文件 ###

分析上述报错信息中的第一行：`at ESLintPlugin.invokeESLint (D:\software\WebStorm 2019.1\plugins\JavaScriptLanguage\languageService\eslint\bin\eslint-plugin.js:97:25)`

它说问题出现在`eslint-plugin.js`文件的第97行，如下图所示：

![在这里插入图片描述][048e70100a5f40c986b871cbaa6d3e1f.png]

然而，实际问题不是这一行。

### 定位问题所在的位置 ###

我们需要在`eslint-plugin.js`文件中搜索如下代码：

this.cliEngine = require(packagePath + "lib/cli-engine");

搜索结果如下图所示，大概在32行的位置：  
![在这里插入图片描述][5a6381cdd3d041c998392998467d39d0.png]  
将这行代码`this.cliEngine = require(packagePath + "lib/cli-engine");`替换成如下代码：

this.cliEngine = require(packagePath + "lib/cli-engine").CLIEngine;

`ctrl + s`保存时，却出现如下问题：

![在这里插入图片描述][b9c7899d5a35423f9cd8b1850336dbb2.png]

### 分析拒绝访问的问题 ###

因为，我们没有权限修改`eslint-plugin.js`文件 ，需要使用管理员权限修改这个文件。

## 解决问题 ##

### 找到原文件路径 ###

我们首先定位到`eslint-plugin.js`文件所在的路径，即我的电脑的这个路径（你们的电脑可能是其他路径，你们视情况而定。）`D:\software\WebStorm 2019.1\plugins\JavaScriptLanguage\languageService\eslint\bin\`，如下图所示：

![在这里插入图片描述][092b89e3bec34464ad75228877c8e405.png]

### 修改原文件 ###

我们不能直接在该目录下直接修改，因为需要管理员权限才能修改该文件，因而，我们需要把文件移到桌面去修改，如下图所示：

![在这里插入图片描述][1bdc1e9f43a5430da5f314d788bf0272.png]

修改完成后，把该文件移到原目录下，以替换原文件即可，如下图所示：

![在这里插入图片描述][3138d851407945c18648b9ea49cf3299.png]

### 重新打开webStorm ###

*  关闭已打开的webStorm：  
    ![在这里插入图片描述][b1ec9e6a5e44455fa4df9b95ba41ce0f.png]
 *  再次重新打开`webStorm`，发现没有报错信息了。

![在这里插入图片描述][cfd7f303bb1a4a5c8eb63d79d8ed945a.png]

## 其他解决方案 ##

以上可能没有解决你的问题，你的问题可能是下面这种情况：

![在这里插入图片描述][ba6b55d4c3114c05bf1ae4cc20ef317c.png]

那么你可以按照上述方式，将`eslint-plugin.js`的如下代码：

this.cliEngine = require(this.basicPath + "lib/cli-engine");

替换成：

this.CLIEngine = require(this.basicPath + "lib/cli-engine");

重启编辑器即可。

[8689df36195340c1a3efd9afcea8f90f.png]: https://img-blog.csdnimg.cn/8689df36195340c1a3efd9afcea8f90f.png
[048e70100a5f40c986b871cbaa6d3e1f.png]: https://img-blog.csdnimg.cn/048e70100a5f40c986b871cbaa6d3e1f.png
[5a6381cdd3d041c998392998467d39d0.png]: https://img-blog.csdnimg.cn/5a6381cdd3d041c998392998467d39d0.png
[b9c7899d5a35423f9cd8b1850336dbb2.png]: https://img-blog.csdnimg.cn/b9c7899d5a35423f9cd8b1850336dbb2.png
[092b89e3bec34464ad75228877c8e405.png]: https://img-blog.csdnimg.cn/092b89e3bec34464ad75228877c8e405.png
[1bdc1e9f43a5430da5f314d788bf0272.png]: https://img-blog.csdnimg.cn/1bdc1e9f43a5430da5f314d788bf0272.png
[3138d851407945c18648b9ea49cf3299.png]: https://img-blog.csdnimg.cn/3138d851407945c18648b9ea49cf3299.png
[b1ec9e6a5e44455fa4df9b95ba41ce0f.png]: https://img-blog.csdnimg.cn/b1ec9e6a5e44455fa4df9b95ba41ce0f.png
[cfd7f303bb1a4a5c8eb63d79d8ed945a.png]: https://img-blog.csdnimg.cn/cfd7f303bb1a4a5c8eb63d79d8ed945a.png
[ba6b55d4c3114c05bf1ae4cc20ef317c.png]: https://img-blog.csdnimg.cn/ba6b55d4c3114c05bf1ae4cc20ef317c.png