What are the common errors reported in vuejs

Common vuejs errors include: 1. "vue is not an internal or external command" error; 2. "Install fail! Error" error when installing bootstrap; 3. ESLint syntax error; 4. "es2015" error; 5 , error occurs when using "vue-vli4", etc.

The operating environment of this article: Windows 7 system, vue version 2.9.6, DELL G3 computer.

What are the common errors reported by vuejs?

Common errors and vue common error reports

1. 'vue' is not an internal or external command, nor Runnable program or batch file.

Requires installation

2. When installing bootstrap, it keeps reporting errors:

D:\workspace\WebstormProjects\vuejslearn\duli\duli1>cnpm install bootstrap -- sav
 e --save-exact
 × Install fail! Error: [@--save-exact] resolved target D:\workspace\WebstormProj
 ects\vuejslearn\duli\duli1\--save-exact error: ENOENT: no such file or directory,
  lstat 'D:\workspace\WebstormProjects\vuejslearn\duli\duli1\--save-exact'
 Error: [@--save-exact] resolved target D:\workspace\WebstormProjects\vuejslearn\d
 uli\duli1\--save-exact error: ENOENT: no such file or directory, lstat 'D:\worksp
 ace\WebstormProjects\vuejslearn\duli\duli1\--save-exact'
     at module.exports (D:\soft\html\nodejs\node_modules\node_global\node_modules\
 cnpm\node_modules\npminstall\lib\download\local.js:30:11)
     at module.exports.throw (<anonymous>)
     at onRejected (D:\soft\html\nodejs\node_modules\node_global\node_modules\cnpm
 \node_modules\co\index.js:81:24)
 npminstall version: 3.22.1

Wait,

The result is because of the --save interval There is an extra space symbol! The correct thing is - written closely together with sava

3.ESLint syntax error is reported because the spaces formatted using the ide editor are different. Vue's space syntax rules are not recognized. As a result, errors have been reported

ESLint: Expected indentation of 2 spaces but found 4.(indent)

I have tried many methods but none of them worked. The last solution I found is: in the .eslintignore file: add a *.vue and cancel the check of the dve mode and ignore it

4.error in ./src/main.js Module build failed: Error: Couldn't find preset "es2015" error

<p>{<br/>  &quot;presets&quot;: [[&quot;es2015&quot;, { &quot;modules&quot;: false }]],<br/>  &quot;plugins&quot;: [<br/>    [<br/>      &quot;component&quot;,<br/>      {<br/>        &quot;libraryName&quot;: &quot;element-ui&quot;,<br/>        &quot;styleLibraryName&quot;: &quot;theme-chalk&quot;<br/>      }<br/>    ]<br/>  ]<br/>}</p>

Solution

Execute the following command:

<p>npm install --save-dev babel-preset-es2015<br/></p>

Success:

5. When using vue-vli4, an error is reported: error: Unexpected console statement (no-console)

It is necessary to use ESLint to comply with code specifications when writing projects, but it is also very speechless for some specifications, such as: 'Unexpected console statement (no-console)' , I can’t even use the console, which is crazy. In fact, just add one line of code.

Modify "rules":{} in

eslintConfig:{} in package.json,

Add a line of code: "no-console":"off"

Example:

"no-console":"off"

Reference article: https://www.jianshu.com /p/4f2a6ca1f562

6. Error: ESLint: Elements in iteration expect to have 'v-bind:key' directives.(vue/require-v-for-key)

The reason is eslint detection bug

There are two solutions

1. Add after v-for: key='item'

<li v-for="i in list" :key="i">

<p>&lt;label&gt;性别：<br/>                    &lt;select v-if=&quot;editing&quot; v-model=&quot;gender&quot;&gt;<br/>                        &lt;option v-for=&quot;gender in genders&quot; :key=&quot;gender&quot;&gt;{{gender}}&lt;/option&gt;<br/>                    &lt;/select&gt;<br/>                    &lt;span v-if=&quot;!editing&quot;&gt;{{gender}}&lt;/span&gt;<br/>                &lt;/label&gt;</p>

2. Turn off eslint detection at the build

...(config.dev.useEslint ? [createLintingRule()] : []) ,

Recommended: "The latest 5 vue.js video tutorial selections"

The above is the detailed content of What are the common errors reported in vuejs. For more information, please follow other related articles on the PHP Chinese website!