ignore eslint error: 'import' and 'export' may only appear at the top level

ignore eslint error: 'import' and 'export' may only appear at the top level

是否可以在 eslint 中取消激活此错误?

Parsing error: 'import' and 'export' may only appear at the top level

ESLint 本身不支持这个,因为这是违反规范的。但是如果你使用 babel-eslint 解析器然后在你的 eslint 配置文件中你可以这样做:

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

文档参考:https://github.com/babel/babel-eslint#configuration

我的解决方案以防其他方法不起作用

"parserOptions": {
    "ecmaVersion": 6,
    "sourceType": "module"
}

已在 eslint 6.2 中添加了对动态导入的支持。

不过您需要将 ecmaVersion 设置为 11(或 2020)。

"parserOptions": {
    "ecmaVersion": 11
    ...
}

您可以在他们的 online demo.

中进行测试

就我而言:

为 React 项目添加了 javascriptreact。我猜项目类型应该添加到插件中。

{
...,
 "plugins": [
        "prettier",
        "javascriptreact"
    ],
...
}