前端项目启动报错:config buildwebpack.dev.conf.js
2023-06-13 09:14:30 时间
错误展示
错误太长,我就不在标题展示了:
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种情况。
webpack
版本与vue
版本不一致。- 本地运行IP地址不正确/端口被占用
- 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
如果不行,那我也不知道了,请参考浏览器吧。
相关文章
- Fabric.js 使用纯色遮挡画布(前景色)
- js面试题及答案2020_JS面试题大全
- js清除浏览器缓存的几种方法(项目总结)「建议收藏」
- JS 获取浏览器窗口大小clientWidth、offsetWidth、scrollWidth「建议收藏」
- JS面试题-js新增基本数据类型BigInt
- js获取当前日期与时间_js获取只有年月日的日期
- js 数组去除重复数据-5 个提升你 JS 编码水平的实例
- js map函数的用法
- vue.js客服系统实时聊天项目开发(二)
- 日本晶圆代工厂JS Foundry计划在2027年将产能扩大2.5倍
- vue.js客服系统实时聊天项目开发(十二)自动欢迎信息的延迟展示效果
- vue.js客服系统实时聊天项目开发(十七)解决url get传参后进行base64解密问题
- vue.js客服系统实时聊天项目开发(二十一)vue项目中引入静态资源
- 快速部署Vue.js前端项目
- 用SQL Server和JS实现数据库管理技术(sqlserver.js)
- JS技术连接Oracle数据库实现数据交互(js连接oracle实例)
- JS将文件传输至MySQL数据库(.js传文件至mysql)
- Oracle中JS的优势让数据库性能提升(oracle中 js)
- 使用Oracle和JS开发新一代应用仿真世界(oracle js)
- Redis中的订阅机制及其在JS中的应用(redis 订阅 js)
- js网页中的(运行代码)功能实现思路
- 关于div自适应高度/左右高度自适应一致的js代码
- 非常漂亮的JS+CSS图片幻灯切换特效
- js简单实现根据身份证号码识别性别年龄生日
- js操作table示例(个人心得)
- 用js代码改变单选框选中状态的简单实例
- Thinkphp搭建包括JS多语言的多语言项目实现方法
- js获取指定日期周数以及星期几的小例子