У меня проблемы с использованием ключевого слова импорта и экспорта в WebPack ⇐ Javascript

[Anonymous]

Это код модуля от sum.js < /p>

Код: Выделить всё

function sum(a, b) {
return a + b;
}
export default sum;
< /code>
И это мой сценарий точки входа.import sum from './sum.js';
const add = sum(2, 4);
console.log(add);
;
< /code>
Когда я запускаю NPM запустить Dev, я получаю эту ошибку < /p>
Module parse failed: 'import' and 'export' may appear only with 'sourceType: module' (4:0)
File was processed with these loaders:
* ./node_modules/babel-loader/lib/index.js
You may need an additional loader to handle the result of these loaders.
|   return a + b;
| }
> export default sum;
< /code>
Я настроил Babel Loader в webpack.common.js.
my babel.config.js выглядит так < /p>
module.exports = {
presets: [['@babel/preset-env', { targets: { node: 'current' } }]],
};

< /code>
Теперь, в чем может быть проблема моей настройки.{
presets: ['@babel/preset-env']
}

Но все же это тоже не сработало.

Подробнее здесь: https://stackoverflow.com/questions/796 ... in-webpack