解決報錯Cannot find module 'webpack-cli/bin/config-yargs'

npm i webpack-dev-server -D 把這個工具安裝到項目本地開發依賴
注意：webpack-dev-server 這個工具依賴 webpack，必須在本地(項目中)安裝 webpack

安裝完成后，執行命令npm run dev 發現報錯： Error: Cannot find module 'webpack-cli/bin/config-yargs’

后來查看一些資料，發現，webpack3.x的版本與webpack-dev-server3.x 的版本不兼容。

---

在package.json文件中查看版本，以下是我用的兩個不兼容的版本，所以會報錯：

---

解決方法：
卸載局部或者全局 webpack-dev-server

npm uninstall webpack-dev-server -g 卸載全局 npm uninstall webpack-dev-server -D 卸載局部(本地) 

安裝指定版本的 webpack-dev-server@2.9.7

npm i webpack-dev-server@2.9.7 -D 本地安裝 

然后執行命令 npm run dev

webpack output is served from /:表示webpack輸出文件正在根目錄托管。

注意： webpack-dev-server 幫我們打包生成的 bundle.js 文件，並沒有放到 實際的 物理磁盤上；而是直接托管到了 電腦的內存中，所以，我們在 項目根目錄中，根本找不到 這個打包好的 bundle.js；
所以在引用文件的時候，路徑是直接從根目錄下的，如：
<script src='/bundle.js'></script>

我們可以認為，webpack-dev-server 把打包好的文件，以一種虛擬的形式，托管到了 俺們的項目的 根目錄中，雖然我們看不到它，但是，可以認為和 dist src node_modules 平級，有一個看不見的文件，叫做 bundle.js

轉載至https://blog.csdn.net/sxs7970/article/details/88746939