npm run dev 报错怎么看报错信息及解决

1.解决方法

首先,报错是看这块


image

可以发现是端口号的问题,于是修改端口号,发现还是报错,那么还有一个可能,就是Host 文件配置的webpack server的域名配置是不是被注释掉了,取消注释重新运行,ok了。


image.png

image.png

2.解决思路

npm run dev 报错

image

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! web@1.0.0 dev: webpack-dev-server --inline --progress --config build/webpack.dev.conf.js
直接复制标红代码谷歌查
查到方法是卸载webpack-dev-server再重装
npm remove webpack-dev-server
npm install webpack-dev-server@2.9.1
npm run dev

还是报错,于是我把node_modules目录都删掉,再重新npm install试试还是报错。
再试试
npm remove webpack-dev-server
npm install --save-dev webpack-dev-server@2.9.7

又往上看了下报错,发现是端口的原因。
额。。。发现自己把127.0.0.1 test.gamesafe.qq.com host配置注释掉了,应该是这个原因。感谢这篇博客帮我解决问题!知道看报错信息了。还顺带把host文件改了,然后就改好了


image
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 版权声明:本文为博主原创文章,未经博主允许不得转载。 webpack介绍和使用 一、webpack介绍 1、由来 ...
    it筱竹阅读 11,223评论 0 21
  • 写在开头 先说说为什么要写这篇文章, 最初的原因是组里的小朋友们看了webpack文档后, 表情都是这样的: (摘...
    Lefter阅读 5,319评论 4 31
  • 在现在的前端开发中,前后端分离、模块化开发、版本控制、文件合并与压缩、mock数据等等一些原本后端的思想开始...
    Charlot阅读 5,481评论 1 32
  • 一、webpack和npm的关系 npm是包管理器,及可以执行命令包(webpack可以看成是功能强大的命令包,除...
    js_hcl阅读 1,642评论 1 3
  • 写在前面的话:以下内容会结合实例进行分析webpack安装与使用过程中遇到的问题及解决方法 1、webpack安装...
    小龙虾Julian阅读 1,795评论 0 1