Cause of the problem: the project uses eslint specification code, and your code violates the specification

The first scheme (recommended): format the code through the editor and unify the indentation method

The second method: turn off the verification of spaces and tabs by eslin
Vue version 3.0:
1, find build – & gt; webpack.base.config.js。 Comment or remove the reference to eslint loader.

{
      test: /\.(js|vue)$/,
      loader: 'eslint-loader',
      enforce: 'pre',
      include: [resolve('src'), resolve('test')],
      options: {
        formatter: require('eslint-friendly-formatter'),
        emitWarning: !config.dev.showEslintErrorsInOverlay
      }
}

2. Restart the project

Vue 3.0 +:
configure the rules of eslin in package.json. Eslintconfig

 {
      "name": "xxxx",
      "version": "0.1.0",
      "private": true,
      "scripts": {
        "serve": "vue-cli-service serve",
        "build": "vue-cli-service build",
        "lint": "vue-cli-service lint"
      },
      "dependencies": {
        xxx
      },
      "devDependencies": {
       xxx
      },
     
      "eslintConfig": {
        "root": true,
        "env": {
          "node": true
        },
        "extends": [
          "plugin:vue/essential",
          "eslint:recommended"
        ],
        "parserOptions": {
          "parser": "babel-eslint"
        },
        "rules": {
          "no-console": "off",
          "no-debugger": "off",
          "no-mixed-spaces-and-tabs": "off"
        }
     
      },
      "browserslist": [
        "> 1%",
        "last 2 versions",
        "not dead"
      ]
 }

The third other method:
create a vue.config.js

module.exports = {
	lintOnSave:false 
}

reason:

eslint the code checks that you registered the component but did not use it, and then reports an error. For example, code:

For example, the file component is registered in Vue , but it is not actually used:

...
  import File from "../../components/file";
  export default {
    components: {Pagination, File},
...

At this time, you can cancel the registration. Of course, sometimes we don’t want to cancel and don’t change the code. There are two solutions:

Method 1:

Modify the package. JSON
in package.JSON , find rules under eslintconfig , and add "Vue/no unused components": "off" 

Method 2:

If there is a eslintrc.JS file in the project, you can add it as well:

rules: {
  "vue/no-unused-components": "off"
}

Either of the two can be used. Restart the project after modification. Note: if both files are modified, the eslintrc.JS file has higher priority.

Problem Description:
the project is downloaded according to Vue element admin. To initialize the project, run the following code:

npm install

The result reported an error:

after nearly a day of trouble, we finally found a solution:

1. Run the prompt code first:

// input commands
npm fund

Then the following dependent reward donation prompt appears

2. Then enter:

npm run dev

Then it finally succeeded