Question

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]

请注意，我已经在babel/loader内安装了node_modules。任何线索将不胜感激！预先感谢。

Answer 1

这是正确的公式，毕竟，在scss下，您已经声明了

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

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

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

看这里-example

Answer 2

请注意，我也遇到相同的问题，因此为了解决该问题，我根据他们的网站安装了babel-loader（请参阅https://github.com/babel/babel-loader）：

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

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

2 个答案: