TypeError: this.CliEngine is not a constructor

比眉伴天荒 2023-07-04 15:41 3阅读 0赞

vue cli3 项目老是提示`TypeError: this.CliEngine is not a constructor`这个,看着特别扭

解决方法也不难，直接点击`Details`  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0ODE3NDQw_size_16_color_FFFFFF_t_70]  
然后再点击，如下第一个文件链接  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0ODE3NDQw_size_16_color_FFFFFF_t_70 1]  
找到如下方法

function ESLintPlugin(state) { 
            this.filterSource = state.filterSource;
            this.additionalRulesDirectory = state.additionalRootDirectory;
            this.calcBasicPath(state.eslintPackagePath);
            this.version = this.readVersion();
            if (this.initError == null) { 
                this.linter = require(this.basicPath + "lib/cli.js");
                this.options = require(this.basicPath + "lib/options");
                this.CliEngine = require(this.basicPath + "lib/cli-engine");
            }
        }

将`this.CliEngine = require(this.basicPath + "lib/cli-engine");` 更改为 `this.CliEngine = require(this.basicPath + "lib/cli-engine").CLIEngine;`

然后重启webstorm

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0ODE3NDQw_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200212144744165.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0ODE3NDQw,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0ODE3NDQw_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200212144854893.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0ODE3NDQw,size_16,color_FFFFFF,t_70