<div id="readability-page-1" class="page"><article>
<h2 id="webstorm-intellij-idea-에서-thisclienginector-is-not-a-constructor-이슈-발생시-feat-eslint-80"><span>ESLint 8.0 이상 버전을 사용할 경우 기존에 사용중인 WebStorm, IntelliJ 등에서 다음과 같이 에러가 발생하곤합니다.</span></h2>
<pre><code>TypeError: this.cliEngineCtor is not a constructor</code></pre>
<p><img src="https://blog.kakaocdn.net/dn/u15KM/btrvL5rkp8m/6Hk0lGo25QoVIDJXMJJwT0/img.png" alt="1"></p><p data-ke-size="size16">아래 로그를 보시면 <code>this.cliEngineCtor is not a constructor</code> 내용을 볼 수 있는데요.</p>
<pre data-ke-language="javascript"><code>TypeError: this.cliEngineCtor is not a constructor
    at ESLintPlugin.invokeESLint (/Users/seojeong-kuk/Library/Application Support/JetBrains/Toolbox/apps/WebStorm/ch-0/211.7628.25/WebStorm.app/Contents/plugins/JavaScriptLanguage/languageService/eslint/bin/eslint-plugin.js:103:25)
    at ESLintPlugin.getErrors (/Users/seojeong-kuk/Library/Application Support/JetBrains/Toolbox/apps/WebStorm/ch-0/211.7628.25/WebStorm.app/Contents/plugins/JavaScriptLanguage/languageService/eslint/bin/eslint-plugin.js:82:21)
    at ESLintPlugin.onMessage (/Users/seojeong-kuk/Library/Application Support/JetBrains/Toolbox/apps/WebStorm/ch-0/211.7628.25/WebStorm.app/Contents/plugins/JavaScriptLanguage/languageService/eslint/bin/eslint-plugin.js:56:64)
    at Interface.&lt;anonymous&gt; (/Users/seojeong-kuk/Library/Application Support/JetBrains/Toolbox/apps/WebStorm/ch-0/211.7628.25/WebStorm.app/Contents/plugins/JavaScriptLanguage/jsLanguageServicesImpl/js-language-service.js:105:39)
    at Interface.emit (node:events:390:28)
    at Interface._onLine (node:readline:487:10)
    at Interface._normalWrite (node:readline:661:12)
    at Socket.ondata (node:readline:269:10)
    at Socket.emit (node:events:390:28)
    at addChunk (node:internal/streams/readable:315:12)
Process finished with exit code -1</code></pre>
<p data-ke-size="size16">이는 ESLint 가 버전업이 됨에 따라 기존 클래스가 삭제되었기 때문인데요.</p>
<ul data-ke-list-type="disc">
<li><a href="https://eslint.org/docs/user-guide/migrating-to-8.0.0#-the-cliengine-class-has-been-removed">the-cliengine-class-has-been-removed</a></li>
</ul>
<p data-ke-size="size16">그래서 아래와 같이 <b>2021.2.2</b> 보다 낮은 버전에서는 ESLint 8.0 이상의 버전을 사용할 수가 없습니다.</p>
<img src="https://blog.kakaocdn.net/dn/c4SkLN/btrvRApRlOn/ybrflVNkywTl9fEYnAHxX1/img.png" alt="2">
<p data-ke-size="size16">이를 해결 하기 위해서는 <b>2021.2.2 이상</b>의 IDE를 사용하시면 됩니다. <br>이미 정식 버전이 2021.3.2 까지 나왔기 때문에 여전히 2021.1 버전을 사용하신다면 얼른 업데이트 하시는 것을 추천드립니다.</p>
<img src="https://blog.kakaocdn.net/dn/ND0VE/btrvNGSaHwW/gULv5V3LIo2FeobckJIdKK/img.png" alt="3">
<h2 id="참고" data-ke-size="size26">참고</h2>
<ul data-ke-list-type="disc">
<li><a href="https://youtrack.jetbrains.com/issue/WEB-52236">ESLint 8.0 support</a></li>
</ul>
</article></div>

기억보단 기록을

이동욱 (향로)

ESLint 8.0 이상 버전을 사용할 경우 기존에 사용중인 WebStorm, IntelliJ 등에서 다음과 같이 에러가 발생하곤합니다.
TypeError: this.cliEngineCtor is not a constructor
아래 로그를 보시면 this.cliEngineCtor is not a constructor 내용을 볼 수 있는데요.
TypeError: this.cliEngineCtor is not a constructor
    at ESLintPlugin.invokeESLint (/Users/seojeong-kuk/Library/Application Support/JetBrains/Toolbox/apps/WebStorm/ch-0/211.7628.25/WebStorm.app/Contents/plugins/JavaScriptLanguage/languageService/eslint/bin/eslint-plugin.js:103:25)
    at ESLintPlugin.getErrors (/Users/seojeong-kuk/Library/Application Support/JetBrains/Toolbox/apps/WebStorm/ch-0/211.7628.25/WebStorm.app/Contents/plugins/JavaScriptLanguage/languageService/eslint/bin/eslint-plugin.js:82:21)
    at ESLintPlugin.onMessage (/Users/seojeong-kuk/Library/Application Support/JetBrains/Toolbox/apps/WebStorm/ch-0/211.7628.25/WebStorm.app/Contents/plugins/JavaScriptLanguage/languageService/eslint/bin/eslint-plugin.js:56:64)
    at Interface.<anonymous> (/Users/seojeong-kuk/Library/Application Support/JetBrains/Toolbox/apps/WebStorm/ch-0/211.7628.25/WebStorm.app/Contents/plugins/JavaScriptLanguage/jsLanguageServicesImpl/js-language-service.js:105:39)
    at Interface.emit (node:events:390:28)
    at Interface._onLine (node:readline:487:10)
    at Interface._normalWrite (node:readline:661:12)
    at Socket.ondata (node:readline:269:10)
    at Socket.emit (node:events:390:28)
    at addChunk (node:internal/streams/readable:315:12)
Process finished with exit code -1
이는 ESLint 가 버전업이 됨에 따라 기존 클래스가 삭제되었기 때문인데요.
the-cliengine-class-has-been-removed
그래서 아래와 같이 2021.2.2 보다 낮은 버전에서는 ESLint 8.0 이상의 버전을 사용할 수가 없습니다.
이를 해결 하기 위해서는 2021.2.2 이상의 IDE를 사용하시면 됩니다. 
이미 정식 버전이 2021.3.2 까지 나왔기 때문에 여전히 2021.1 버전을 사용하신다면 얼른 업데이트 하시는 것을 추천드립니다.
참고
ESLint 8.0 support

WebStorm (IntelliJ IDEA) 에서 this.cliEngineCtor is not a constructor 이슈 발생시 (feat. ESLint 8.0)

댓글