webpack安装 webpack-dev-server后运行报错

webpack安装 webpack-dev-server后进行实时监听报错

webpack安装插件 webpack-dev-server后进行实时监听,重新运行npm run dev报错

---

一、问题现象？

1. 通过cmd窗口命令行执行命令:
   npm install webpack-dev-server@3.11.2 -D

注意:-D 是 --save-dev 的简写

---

2. 修改前端项目中 package.json -> scripts 中的 dev

"scripts": {
    "dev": "webpack"  //script 节点下的脚本 可以通过 npm run 执行 例如npm run dev
  }

---

3. 终端中运行 npm run dev 命令，启动 webpack 进行项目的打包构建
   

二、解决措施

1.现象解释

针对上述现象理解:
“[webpack cli]无法加载“@webpack cli/serve”命令”

---

思路: 需要先有客户端,才可以提供服务之类的,那么的话就需要加载webpack-cli (个人理解)

2.加载webpack-cli

运行命令:
npm install webpack-cli --save-dev

三、重新进行项目运行打包构建和监听