• .eslintrc.js*

parserOptions: {
  parser: 'babel-eslint',
  sourceType: 'module',
  allowImportExportEverywhere: true
}

应该是：

parser: 'babel-eslint',
parserOptions: {
  sourceType: 'module',
  allowImportExportEverywhere: true
}

来源：https://eslint.org/docs/user-guide/configuring#specifying-parser

使用（@vue/cli）.eslintrc.json

{
  "parser": "vue-eslint-parser",
  "parserOptions": {
    "parser": "babel-eslint",
    "ecmaVersion": 8,
    "sourceType": "module"
  }
}

这个StackOverflow问题和答案确实帮助我解决了这个问题，但目前在2020年4月，parser密钥似乎在parserOptions内部是必需的，或者至少对于我的设置组合来说是必需的。
我将显示我当前的配置，我使用的Laravel 7/Laravel混合和Vue 2.6~。

.eslintrc.json

{
    "env": {
        "browser": true,
        "es6": true,
        "node": true
    },
    "extends": [
        "eslint:recommended",
        "airbnb-base",
        "plugin:vue/essential"
    ],
    "globals": {
        "Atomics": "readonly",
        "SharedArrayBuffer": "readonly"
    },
    "parserOptions": {
        "parser": "babel-eslint",
        "ecmaVersion": 2019,
        "sourceType": "module"
    },
    "plugins": [
        "vue"
    ],
    "rules": {
        // dat ruleset
    },
    "settings": {
        "import/resolver": {
            "alias": {
                "map": [
                    ["@", "./resources"]
                ],
                "extensions": [".vue"]
            }
        }
    }
}

如果使用Webpack别名，则只需要settings密钥。

软件包.json

"devDependencies": {
        "@babel/plugin-syntax-dynamic-import": "^7.8.3",
        "babel-eslint": "^10.1.0",
        "eslint": "^6.8.0",
        "eslint-config-airbnb-base": "^14.1.0",
        "eslint-import-resolver-alias": "^1.1.2",
        "eslint-plugin-import": "^2.20.2",
        "eslint-plugin-vue": "^6.2.2",
        "laravel-mix": "^5.0.1",
    }

.babelrc

{
    "plugins": ["@babel/plugin-syntax-dynamic-import"]
}

网页包.配置.js

如果您“正常”使用Webpack而不使用Laravel Mix，您会发现此处的语法略有不同，但如果您使用Webpack别名，您会发现以下内容很有用：

// use named JS bundles
mix.config.webpackConfig.output = {
    chunkFilename: 'js/[name].bundle.js',
    publicPath: '/',
};

// alias the ~/resources folder
mix.webpackConfig({
    resolve: {
        extensions: ['.js', '.vue'],
        alias: {
            '@': `${__dirname}/resources`,
        },
    },
});

最后一点：我总是建议使用airbnb-base config，并依靠它来形成您的lint规则的基础，因为它是为多开发人员环境创建的，这些环境运行着顽固的函数式编程技术，用于不可变的单向数据流--因此，函数式React编程同时避免JavaScript的陷阱......并将重点放在声明性代码上，同时避免相当糟糕的命令式代码。
我在一篇关于为Airbnb在Vue中设置ES Lint的文章中又写了几句话：https://medium.com/@agm1984/how-to-set-up-es-lint-for-airbnb-vue-js-and-vs-code-a5ef5ac671e8

把下面的代码放到.eslintrc中。它需要解析器选项;默认情况下为2013：

"parserOptions": {
    "ecmaVersion":"latest"
  },