乐趣区

关于前端:前端项目启动报错config-buildwebpackdevconfjs

前端我的项目启动报错: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

如果 hostlocalhost启动不胜利,尝试批改为 127.0.0.1,如果可能启动胜利,阐明本机host 文件被批改,不存在 localhost127.0.0.1映射关系,须要批改本机 host 文件。

如果更改 host 地址有效,尝试批改一个不罕用端口号。

如果更改 post 启动胜利,阐明之前端口地址,可能被占用,尝试批改启动端口,或者 kill 占用此端口的线程。

第三条解决方案

批改 host 或者 还原

127.0.0.1 localhost

如果不行,那我也不晓得了,请参考浏览器吧。

退出移动版