(ОШИБКА в мульти) Модуль не найден: Ошибка: не удается разрешить 'babel / loader'

Question

Это изображение содержит структуру папок и файл webpack.config.js. Когда я открываю webpack-dev-server, я получаю следующую ошибку:

ERROR in multi (webpack)-dev-server/client?http://localhost:8080 ./src/js/index.js ./src/scss/master.scss
Module not found: Error: Can't resolve 'babel/loader' in 'C:\wamp64\www\o\omd'
 @ multi (webpack)-dev-server/client?http://localhost:8080 ./src/js/index.js ./src/scss/master.scss main[0]

Обратите внимание, что я установил babel/loader внутри node_modules. Любая подсказка будет оценена! Заранее спасибо.

Answer 1

Это правильная формула, в конце концов, ниже scss вы хорошо заявлены

{
  test: /\.js$/,
  exclude: /node_modules/,
  use: {
    loader: 'babel-loader',
  },
},

Я предлагаю добавить пресеты в отдельный файл. Создайте .babelrc файл и добавьте к нему.

{
 "presets": [
   [
    "@babel/preset-env"
   ]
 ]
}

Смотрите здесь - пример