Reactjs 网页包未知错误：配置对象无效。已使用与API架构不匹配的配置对象初始化Web包

我试图通过做示例来学习使用MERN stack的简单项目。 但我不知道为什么webpack不工作，并在终端中抛出这样的错误

我正在使用Ubuntu v16.04

npm运行开发

梅恩-stack@1.0.0dev/home/trungh13/dev/mern堆栈

网页包-wd 无效的配置对象。已使用与API架构不匹配的配置对象初始化Web包。 -configuration.module具有未知属性“loaders”。这些属性是有效的： 对象{exprContextCritical？、ExprContextExecutive？、ExprContextExecutive？、exprContextRequest？、noParse？、rules？、defaultRules？、unknownContextCritical？、unknownContextRecursive？、unknownContextRegExp？、unknownContextRequest？、Unfectache？、wrappedContextRecursive？、wrappedContextRegExp？、strictExportPresence？、StrictThisContextContextOn进口？} ->影响普通模块的选项（

NormalModuleFactory

）。 npm错误！代码错误周期 npm错误！错误1 npm错误！梅恩-stack@1.0.0开发人员：

webpack-wd

npm错误！退出状态1 npm错误！ npm ERR！在mern失败-stack@1.0.0开发脚本。 npm错误！这可能不是npm的问题。上面可能还有其他日志输出

这是我的package.json文件：

  {
    "name": "mern-stack",
    "version": "1.0.0",
    "description": "",
    "main": "index.js",
    "scripts": {
      "test": "echo \"Error: no test specified\" && exit 1",
      "start": "nodemon --exec babel-node ./server/server.js --ignore public/",
      "dev": "webpack -wd"
    },
    "author": "trungh13",
    "license": "ISC",
    "dependencies": {
      "ejs": "^2.5.7",
      "express": "^4.16.3",
      "mongodb": "^3.0.5",
      "react": "^16.2.0",
      "react-dom": "^16.2.0"
    },
    "devDependencies": {
      "babel-cli": "^6.26.0",
      "babel-eslint": "^8.2.2",
      "babel-loader": "^7.1.4",
      "babel-preset-es2015": "^6.24.1",
      "babel-preset-react": "^6.24.1",
      "babel-preset-stage-2": "^6.24.1",
      "eslint": "^4.19.1",
      "eslint-plugin-react": "^7.7.0",
      "nodemon": "^1.17.2",
      "webpack": "^4.2.0"

    }
  }

这是我的webpack.config.js：

module.exports={
    entry: './src/index.js',
    output: {
        path: __dirname + '/public',
        filename:'bundle.js'
    },
    module:{
        loaders:[
            {
                test:/\.js$/,
                loader:'babel-loader'
            }
        ]    
    }
};

---

非常感谢。

问题出在

模块

对象内部。

加载程序

属性无效，您应该使用

规则

属性。此外，您还需要提供

模式

属性（可能的值有

开发

、

生产

和

无

）

另一件需要提及的事情是，您需要在

devDependencies

中包含

webpack cli

包，因为在最新版本的webpack中，cli工具已移动到此包中：

使用Webpack 4配置对象（用于开发和生产环境）检查此项目。

---

我认为上一个教程项目可能会有所帮助。

@trungh13请选择答案以表明您的问题已解决