前端项目启动报错：config buildwebpack.dev.conf.js

错误展示

错误太长，我就不在标题展示了：

• webpack-dev-server --inline --progress --config build/webpack.dev.conf.js
• `node:internal/modules/cjs/loader:959 throw err`
• Error: Cannot find module '../config'

错误分析

这种情况下报错，一般呢，是有3种情况。

1. webpack版本与vue版本不一致。
2. 本地运行IP地址不正确/端口被占用
3. host文件被修改

#### 第一条解决方案

我们需要查看Vue的版本，吐槽一下，网上很多命令就不对，比如下面这个教程，我截了个图。

这是Vue版本吗？这是脚手架呀！

查看Vue版本应该是这样的：

npm list vue

所以说有些教程就挺害人的，当然，一般搞前端也知道这些是错的，就怕不懂的。

然后，卸载原来的webpack、安装对应版本webpack。

第二条解决方案

配置文件中的host地址设置的是服务器的地址啥的也有可能。

可以改为：localhost或者127.0.0.1。

如果host为localhost启动不成功，尝试修改为127.0.0.1，如果能够启动成功，说明本机host文件被修改，不存在localhost与127.0.0.1映射关系，需要修改本机host文件。 如果更改host地址无效，尝试修改一个不常用端口号。 如果更改post启动成功，说明之前端口地址，可能被占用，尝试修改启动端口，或者kill占用此端口的线程。

第三条解决方案

修改host或者还原。

127.0.0.1 localhost

如果不行，那我也不知道了，请参考浏览器吧。