babel-eslint不允许动态导入。

Question

我用webpack 2，我想做动态导入。Linter在动态导入(即import(...) )上给出了以下错误：

联合来文声明或声明。(JSX属性) import: true。

我有以下.eslintrc (节选)：

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

安装了以下设备：

"eslint": "^3.16.1",
"babel-eslint": "^7.2.3",
"babel-plugin-dynamic-import-webpack": "^1.0.1",
"babel-plugin-syntax-dynamic-import": "^6.18.0",

babelrc配置：

{
    "presets": [
    "es2015",
    "react"
    ],
    "plugins": ["syntax-dynamic-import", "dynamic-import-webpack"]
}

更新:发生错误的示例(react )。(这里的错误只是[js] Declaration or statement expected)：

const App = () => {

    import('./routes/Main/Main').then((Main) => {});
    return(<div />);
};

Answer 1

我找到了发生这种事的原因。

看起来VSCode内部的javascript是启用的，即使eslint正在变短。禁用这个内部链接解决了这个问题。因此，在项目(.vscode/settings.json)中，用户或全局VSCode设置设置如下：

{
     ...other settings...,
    "javascript.validate.enable": false
}

Answer 2

在.eslintrc.js文件中添加以下内容解决了我的问题：

  settings: {
    'import/resolver': {
      node: {
        paths: [path.resolve(__dirname, 'src')],
      },
    },
  },