Encountering an issue with eslint-loader in a new VueJS project: TypeError - eslint.CLIEngine is not recognized as

Embarking on a fresh VueJS venture with WebStorm. A brand new VueJS project has been established, NPM upgraded, Vuetify added, and upon server initiation, an error pops up:

 ERROR  Failed to compile with 1 errors                                                                                                                                                                          11:34:19 AM

Module build failed (from ./node_modules/@vue/cli-plugin-eslint/node_modules/eslint-loader/index.js):
TypeError: eslint.CLIEngine is not a constructor
    at Object.module.exports (/home/milano/WebstormProjects/xxx/node_modules/@vue/cli-plugin-eslint/node_modules/eslint-loader/index.js:223:27)

How can this be corrected? Perhaps a downgrade of eslint is advisable?

javascriptvue.jsnpmeslint

Answer №1

The latest update of ESLint in 2019, version 1.3, has addressed this particular issue and you can find more information here

To resolve this problem, you have a few options:

  • Update your IDE to access the most recent ESLint version

  • Upgrade ESLint directly

  • If needed, there is also a workaround available here, which involves adjusting how es-lint is imported. For instance:

    Replace

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

    with

    this.CliEngine = require(this.basicPath).CLIEngine;

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Utilizing inline javascript to dynamically update the selected option of a radio button

A form on my website includes two radio buttons: one labeled 'trigger_unit' and the other labeled 'normal_unit'. In addition, there is a select drop-down menu with four values and a default NULL option. <select rel="dropdown" name=" ...

javascripthtmldynamic

"Figuring out a way to include a link with each image in a react-s

I am currently working on a project in Gatsby and encountering some issues with the homepage banner. I am using react-slick which seems to be functioning fine, but when I try to add content on top of each image, it causes some problems. Specifically, setti ...

javascriptreactjsgatsbyreact-slick

How does the question mark symbol (?) behave when utilizing it in response? Specifically in relation to data, the API, and the fetch API

Have you encountered the curious sequence of symbols in this context? data?.name Could you explain the significance of the question mark (?) between 'data' and the period? ...

javascriptnode.js

Merging HTML Array with jQuery

I am working with input fields of type text in the following code snippet: <input type="text" minlength="1" maxlength="1" class="myinputs" name="myinputs[]" > <input type="text" minlength="1" maxlength="1" class="myinputs" name="myinputs[]" > ...

javascriptjqueryhtml

Angular styling and form error issue

Hey there! I'm new to Angular and facing a major issue along with a minor styling problem. Let's start with the big one: <mat-form-field appearance="fill"> <mat-label>Password</mat-label> <input matInput ...

javascripthtmlangulartypescriptforms

Comment sections that refresh automatically after being posted

I am determined to provide a clear explanation. Despite having some code, I am uncertain about how to make it clone comments and add new ones with user inputted text. Below is the snippet of code I am struggling with: <!DOCTYPE html> <!-- this i ...

javascriptjqueryhtmldom

Tips for deselecting a selected item in Vuetify's list item group

I am working on a vuetify 2.0 view-list setup where selecting an item populates a form for editing, following the standard list-detail design pattern. The selected item is highlighted in the list, but I want to clear the form if the same item is selected a ...

vue.jsvuetify.js

Determining the frequency of elements in an array within a React application

I am working on fetching a list of countries from an API and storing them in an array. However, each country appears multiple times in the array. I have written a function to count the occurrences of each country and store them in a separate array. The pro ...

javascriptnode.jsreactjsalgorithmnext.js

Angular is throwing a RangeError due to exceeding the maximum call stack size

Encountering a stackOverflow error in my Angular app. (see updates at the end) The main issue lies within my component structure, which consists of two components: the equipment component with equipment information and the socket component displaying conn ...

javascriptangulartypescript

Inform the PHP backend that the browser has been closed by the frontend Angular application

Currently, I am working on an Angular project that is interacting with a backend project created using PHP and ZF3. I am trying to figure out the most efficient method of informing the backend project when the user closes the browser window. Initially, I ...

javascriptphpangular

Proper techniques for storing element count in Protractor

I am a beginner when it comes to using Protractor and I am not entirely satisfied with the code snippet below, even though it is functional. My goal is to store the count in a variable (named "nb_before") and use it later on. However, due to the promi ...

javascriptangularjsseleniumprotractorautomated-tests

Nexus 3 npm proxy experiencing frequent failures

We are currently utilizing Nexus 3.0.1-01 to proxy https://registry.npmjs.org/. Our setup includes a group that combines the proxy to npmjs.org and our locally hosted npm repository. Within the local npm-config, we have directed npm to utilize our Nexus as ...

npmnexusnexus3

Preserving the <script> tag when defining HTML code

During an AJAX call, I am receiving plain HTML with some JavaScript code. When I try to display this response in a container using .html (jQuery) or innerHTML (plain JavaScript), it removes the <script> tag and all JavaScript code. However, when I c ...

javascriptajax

After a single click, the functionality of jquery.nav.js seems to be malfunctioning

Encountering an error message: Uncaught TypeError: Cannot read property 'top' of undefined(…) jquery.nav.js:183 In an effort to convert my web app into a Single Page Application (SPA) using the jquery.nav.js library (available at https://githu ...

javascriptjqueryhtmlcss

Display a div beside it when hovering over a specific part of the image

If I have an image that is 200px wide and 900px tall How can I make a div display alongside it when hovering over a specific section of the image? ...

javascriptjquerycss

Attempting to employ jQuery to generate a text input that allows for inputting multiple incorrect answers

I am putting together a webpage for a friend who has allergies. The idea is that users can input a food item, and the page will indicate whether or not my friend is allergic to it. I have compiled an array of his food allergies, and the goal is for the pag ...

javascriptjqueryarrayssubmit

Can you explain the functionality of the return false statement within the validate plugin's submitHandler

While exploring the validator plugin examples, I stumbled upon a code snippet online: $('#testimonials-form').validate({ rules: { "t-title": { required: true, minlength: 5 }, "t-text": { ...

javascriptjqueryajax

Using JavaScript code to dynamically display the value of the variable MyProperty in HTML

Are there any limitations when using this construction in JavaScript? In my codeBehind, there is a property with intricate logic in the get method. It calls other methods and despite debugging showing a good value, it returns an empty string. I'm curi ...

javascriptasp.net

Having difficulty extracting data from certain tables with Beautiful Soup

I have been utilizing BeautifulSoup for data scraping from the website here. Although there are a total of 9 tables with the same class name, I am only able to extract information from 5 of them. What modifications should I implement in my code to ensure t ...

javascriptpythonseleniumweb-scrapingbeautifulsoup

Selecting a default option in Angular when the value is present and repeated

My goal is to pass a parameter in the URL to a page where a select element is populated dynamically. The parameter that needs to be passed is customerProfile.id. I want to find this id in the select options and have it selected by default. How can I achiev ...

javascriptangularjsangular-ngmodelng-options