（多错误）找不到模块：错误：无法解析“babel/loader”

【问题标题】：(ERROR in multi) Module not found: Error: Can't resolve 'babel/loader'（多错误）找不到模块：错误：无法解析“babel/loader”
【发布时间】：2020-02-02 10:01:28
【问题描述】：

This image 包含文件夹结构和 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]

请注意，我在node_modules 中安装了babel/loader。任何线索将不胜感激！提前致谢。

【问题讨论】：

标签： webpack

【解决方案1】：

这是正确的公式，毕竟在scss下面你声明得很好

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

我建议将预设添加到单独的文件中。创建.babelrc 文件并添加到它。

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

看这里 - example

【讨论】：

哎呀！简单的错字：它是babel-loader，而不是babel/loader。 :P

【解决方案2】：

请注意，我也遇到了同样的问题，所以我根据他们的网站安装了babel-loader（参见https://github.com/babel/babel-loader）：

npm install -D babel-loader @babel/core @babel/preset-env webpack

【讨论】：