报错TypeError: this.cliEngine is not a constructor

最新推荐文章于 2024-06-18 12:25:48 发布
原创 最新推荐文章于 2024-06-18 12:25:48 发布 · 3.9k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#bug

本文指导如何解决在使用WebStorm开发React项目时遇到的'cliEngine is not a constructor'问题，通过编辑eslint-plugin.js文件并替换特定代码行，确保正确引入和使用CLIEngine。只需4步操作，轻松解决！

我是在做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 = require(packagePath + “lib/cli-engine”).CLIEngine;即可
4、重启webstom

Vue - Syntax Error: TypeError: this.getOptions is not a function 项目运行时报错，详细解决方案
🏆 前端领域优质创作者
11-07 7295
vue2，SyntaxError:TypeError:this.getOptionsisnotafunction，webpack，npmrunserve，报错怎么办，运行报错，runserve时出现报错如何解决，vue2项目运行报错this.getOptionsisnotafunction，vue2怎么解决npmrunserve时的SyntaxError:TypeError:this.getOptionsisnotafunction爆红报错，Vue-Synt
解决ESLint报错：“TypeError: this.cliEngine is not a constructor“
pleaseprintf的博客
07-29 2381
ESLint是前端开发中常用的代码规范检查工具。然而，有时我们可能会遇到"TypeError: this.cliEngine is not a constructor"这样的报错，影响代码规范检查的进行。本文将为你详细介绍该报错的原因，并提供解决方法，确保ESLint的正常工作。通过本文，你了解了解决"TypeError: this.cliEngine is not a constructor"报错的多种方法。遵循这些方法，你可以确保ESLint正常工作，并帮助团队维持良好的代码规范。
javascript闭包调用报错：xxx is not a constructor
热门推荐
sxf359的博客
10-13 9万+
一个简单的闭包写法： var ScrollLoad = function () { var _range = 80; //距下边界长度/单位px var _loaded = false; //是否所有数据已加载完 var _pageIndex = 1; //其他代码 //...略 retu
【捣鼓】TypeError: “x” is not a constructor
Jamcy123的博客
04-23 4391
今天在处理一个问题的时候无意中发现一个新的问题，对象内的简写方法不能用作构造函数使用，而属性赋值的匿名函数可以。 const obj1 = { f:function () { this.num = 0; } } const obj2 = { f() { this.num = 0; } } new obj1.f(); // f {num: 0} new obj2.f(); // Uncaught TypeError: obj2.f is not
TypeError: this.cliEngine is not a constructor
qq_54548545的博客
06-18 634
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
Vue 报错TypeError: this.$set is not a function 的解决方法
12-12
报错场景：将APi中得到的response数据，用Vue$set()使数据动态响应 报错代码： methods: { textTranslate: function (text, to) { $.ajax({ url: 'http://openapi.youdao.com/api', type: 'post', dataType: ...
微信小程序报错：this.setData is not a function的解决办法
08-29
"微信小程序报错：this.setData is not a function的解决办法" 微信小程序报错：this.setData is not a function是一个常见的错误，特别是在使用微信小程序开发时。在这个错误中，this.setData变成了undefined，...
解决TypeError: this.cliEngine is not a constructor问题 并解决eslint\bin\eslint-plugin.js___jb_tmp___ (拒绝访问）
念兮为美
08-04 3494
今天打开`webStorm`，准备编写`index.tsx`文件，便遇到如是问题：TypeError: this.cliEngine is not a constructor。在分析问题时，又遇到这个问题：D:\software\WebStorm 2019.1\plugins\JavaScriptLanguage\languageService\eslint\bin\eslint-plugin.js___jb_tmp___ (拒绝访问。)，但都一一解决了。...
TypeError: this.CliEngine is not a constructor
奔跑的痕迹的博客
02-12 1万+
vue cli3 项目老是提示TypeError: this.CliEngine is not a constructor这个,看着特别扭 解决方法也不难，直接点击Details 然后再点击，如下第一个文件链接 找到如下方法 function ESLintPlugin(state) { this.filterSource = state.filterSource; ...
TypeError: this.CliEngine is not a constructor TypeError: this.CliEngine is not a constructor at ESL
weixin_41267342的博客
08-22 546
webstorm中vue格式化文件.eslintrc.js，报错TypeError: this.CliEngine is not a constructor TypeError: this.CliEngine is not a constructor at ESL，解决办法，修改eslint-plugin.js,路径为： D:\A_InstallSoftWare\Web\WebStorm_2018.2.3\WebStorm 2018.2.3\plugins\JavaScriptLanguage\langu
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
Webstorm报错TypeError: this.CliEngine is not a constructor
pinkling的博客
09-03 547
问题原因: eslint版本为6.x 与webstorm的eslint插件版本不一致 解决方法: 1. 点击报错右侧的 detail 2. 找到第25行左右的 this.cliEngine = require(this.basicPath + "lib/cli-engine"); 修改为 if (typeof require(this.basicPath + "lib/cli-engine") === 'function') { this.cliEngine = r
【解决】Syntax Error: TypeError: eslint.CLIEngine is not a constructor
QMonsoon
10-16 2万+
【解决】 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
webstorm提示TypeError: this.cliEngine is not a constructor
lzc的博客
09-22 3万+
点击details在控制台显示报错的位置 TypeError: this.cliEngine is not a constructor at ESLintPlugin.invokeESLint (/Applications/RubyMine.app/Contents/plugins/JavaScriptLanguage/languageService/eslint/bin/eslint...
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; 然后重启...
微信小程序 报错TypeError: this.setView is not a function
最新发布
10-30
<think>我们正在处理用户提出的微信小程序报错问题：TypeError: this.setView is not a function 根据错误信息，这通常是因为在调用this.setView时，this指向不正确，或者setView方法不存在。 由于我们之前没有讨论过这个问题，也没有相关的历史记录，因此我们将基于常见的微信小程序开发经验进行分析。 在微信小程序中，这种错误通常发生在以下几种情况： 1. 在回调函数中使用了this，但未正确绑定this。 2. 方法定义不正确，例如使用了箭头函数导致this绑定丢失。 3. 在Page或Component对象外调用了setView方法（setView不是小程序标准API，可能是自定义方法）。 由于错误信息中提到了setView，我们需要确认这个方法的来源。在微信小程序的标准API中，并没有名为setView的方法。因此，它很可能是开发者在Page或Component中自定义的方法。 解决方案通常包括： 1. 确保在Page或Component对象中正确定义了setView方法。 2. 在调用setView时，确保this指向的是Page或Component实例。如果是在回调函数中（如setTimeout、事件处理函数、wx.request的成功回调等），需要提前保存this，或者使用箭头函数。 参考引用[1]中的内容是关于WebView内存泄漏的，与当前问题关联不大，因此我们主要基于微信小程序的开发实践来解答。 下面我们给出具体的解决步骤： </think>### 微信小程序报错 `TypeError: this.setView is not a function` 的解决方案 该错误通常由 **`this` 指向问题**或 **方法未正确定义** 引起，以下是详细解决步骤： #### 1. 检查方法定义（核心步骤） ```javascript Page({ // ✅ 正确定义在 Page/Component 对象内 setView(data) { // 方法实现 } }) ``` - **错误场景**：在 `setTimeout`/事件回调中直接调用 `this.setView()` 但未绑定作用域 - **修复方案**：使用箭头函数或提前绑定 `this` ```javascript // ✅ 箭头函数自动绑定 this setTimeout(() => { this.setView() }, 1000) // ✅ 提前保存 this 引用 const app = this wx.request({ success: function() { app.setView() // 使用外部保存的 this } }) ``` #### 2. 模块化场景的特殊处理 若方法来自其他模块： ```javascript // utils.js export const setView = () => { ... } // page.js import { setView } from './utils' Page({ onLoad() { setView() // ❌ 错误调用（this 丢失） this.setView = setView.bind(this) // ✅ 绑定当前实例 } }) ``` #### 3. 生命周期确认 确保调用时机在 **页面渲染完成后**（如 `onReady` 之后）： ```javascript Page({ onReady() { this.setView() // ✅ 安全调用 } }) ``` #### 4. 检查方法名称拼写 ```javascript Page({ // ❌ 拼写错误 setview() {...} // ✅ 严格匹配调用时的名称 setView() {...} }) ``` #### 5. 升级基础库版本 在 `app.json` 中升级基础库： ```json { "sdkVersion": "2.25.0+" // 避免旧版本 API 兼容问题 } ``` > ⚠️ **调试技巧**：在调用位置前添加 `console.log(this)`，确保输出对象包含 `setView` 方法。若显示 `undefined`，则验证作用域绑定。 --- ### 相关问题 1. 小程序中如何正确绑定事件处理函数的 `this` 作用域？ 2. 微信小程序模块化开发时如何避免 `this` 指向丢失？ 3. 小程序页面生命周期函数的执行顺序是怎样的？ 4. 如何通过开发者工具快速定位 `undefined is not a function` 类错误？ [^1]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值