Using the same configuration file webstrom plugin and shell execution results are not the same

[Linkontoask]

Different place

import('hello').then((value) => {
  this.setState({
    name: value.name(),
  })
})

.eslintrc.js

module.exports = {
  parser: "babel-eslint",
}

Error message

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

✖ 1 problem (1 error, 0 warnings)

I have installed @babel/plugin-syntax-dynamic-import but there is no problem with dynamic import in the shell environment. There is a problem in the webstrom environment. I guess it is caused by the eslint plugin.