webpack4_解决eslint报错“Parsing error: 'import' and 'export' may only appear at the top level”

目录

• 报错详情
• 报错代码
• 解决方法

报错详情

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

报错代码

webpack.config.js

global.document.getElementById('btn').addEventListener('click', () => {
  import(/* webpackChunkName:'test' */ './test').then(({
    change,
  }) => {
    change();
  });
}, false);

• 在使用懒加载时，eslint报错import只被允许存在于顶级作用域中。

解决方法

• 下载babel-eslint到开发环境中
  npm i babel-eslint -D
• 新建.eslintr文件，并按如下配置

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