webpack-dev-server报错The ‘mode‘ option has not been set, webpack will fallback to ‘production‘ fo

报错：

产生原因

翻阅文档Mode | webpack

webpack4.0对语法要求更加严格，要求我们在运行 webpack 时必须在 “开发或者生产” 中选择一种模式，没有设置webpack模式，就会产生报错。

--mode development [开发环境] 或者

--mode production [生产环境]

解决：

方案1、提供模式配置选项告诉webpack使用相应的内置优化。

// 引入一个包
const path = require('path')
module.exports = {
    // 指定入口文件
    entry: "./src/index.ts",
    // 指定打包文件所在目录
    output: {
        // 指定打包文件的目录
        path: path.resolve(__dirname, 'dist'),
        // 打包后文件的文件
        filename: "bundle.js"
    },
    mode: 'development', // 设置mode
    // 指定webpack打包时要使用的模块
    module: {},
    // 配置webpack插件
    plugins: []
}

方案2：or pass it as a CLI argument:

webpack --mode=development

方案3：降低webpack的版本

本地安装最新稳定版本
npm i webpack webpack-cli -D

 全局安装指定版本
  npm install webpack@3.0.0  webpack-cli@3.3.12 -g

参考博文：webpack4.0解决报错The ‘mode‘ option has not been set, webpack will fallback to ‘production‘ for，Module.._每天都要进步哦的博客-CSDN博客