報錯詳情
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
}
}