Webpack 服务器出错答案

【问题标题】：Error w/ Webpack ServerWebpack 服务器出错
【发布时间】：2018-05-15 03:54:31
【问题描述】：

所以我不太确定出了什么问题，并且我已经研究了其他解决方案，但它们都不起作用。我还查看了其他类似的问题，但我仍然无法解决。有人有什么想法吗？

 ERROR in multi (webpack)-dev-server/client?http://localhost:8080 
 main.js
 Module not found: Error: Can't resolve 'main.js' in 
 '/Users/11reed/Desktop/sty-fg'
 @ multi (webpack)-dev-server/client?http://localhost:8080 main.js

这是我的配置

 module.exports ={
    entry: 'main.js',
    output: {
        filename: 'sty-fg.js'
    },
    watch: true,
    module:{
        loaders:[
            {
            test: /\.styl$/,
            exclude: /node_modules/,
            loader: "style-loader!css-loader!stylus-loader"
            }
        ],
    }
}

【问题讨论】：

文件main.js是否存在？它是否与 webpack 配置存在于同一路径中？
是的，确实如此。这不是问题。

标签： javascript css webpack stylus

【解决方案1】：

我认为基本上 webpack 找不到 main.js。看起来您缺少 js 加载器和 .js 解析器，如下所示：

  resolve: {
    extensions: ['.js'],
  }
  module:{
    loaders:[
        {
          test: /\.js$/,
          exclude: /node_modules/,
          loader: "babel-loader"
        },
        { // existing
          test: /\.styl$/,
          exclude: /node_modules/,
          loader: "style-loader!css-loader!stylus-loader"
        }
    ],
}

参考：https://webpack.js.org/loaders/babel-loader/

【讨论】：