执行npm run dev 出现错误 Error: listen EADDRINUSE :::8080

最新推荐文章于 2024-08-26 05:11:13 发布
最新推荐文章于 2024-08-26 05:11:13 发布
阅读量3.1k 收藏 1
点赞数 1
分类专栏： vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/work_and_study/article/details/74066484
版权

原因：8080端口被占用

不轻易关闭被占用的端口，可以在刚刚生成的vue.js项目的根目录下找到config文件夹，在里面的index.js文件中，找到对port的设置，将默认的8080改为其他的端口号。

之后就可以在根目录下的终端上运行“npm run dev”了

另外需要解释的是“npm run dev” 执行的实际上是package.json中的script对象中的内容，博主做出的vue项目的该script是

"scripts": {
  "dev": "node build/dev-server.js",
  "start": "node build/dev-server.js",
  "build": "node build/build.js",
  "lint": "eslint --ext .js,.vue src"
},
work_and_study
关注
专栏目录
正确解决npm run dev 报端口错误!Error: listen EADDRINUSE :::8080异常的有效解决方法
wbajsjhhhhh的博客
05-05 2064
正确解决npm run dev 报端口错误!Error: listen EADDRINUSE :::8080异常的有效解决方法
前端开发工具：npm 踩坑
Lpd_Reason的博客
07-28 1876
1、出现此种错误 npm ERR! Maximum call stack size exceeded npm ERR! A complete log of this run can be found in: npm ERR!     C:\Users\admin\AppData\Roaming\npm-cache\_logs\2018-07-28T09_53_43_298Z-debug.log...
在终端输入npm run serve时出现npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! test_vue_0613@1.0.0 dev: 错误的
Jerry Man的博客
08-06 9820
最近遇到了一个问题，废了我九牛二虎之力终于给他解决了，原因竟然是这个 有的人用的是用的是mac,有的人用的是windows，所以苹果系统有时候为了兼容会安装一些依赖包 （比如：fsevents），而有的人为了方便会改成自己ip地址便于自己开发，但往往这样不利于其他同事开发,所以： 知识点： 在vue项目中每安装一个依赖，都会存在package.json里，就算删了也可以直接install 但是多人联合开发就不行，因为每个人会下好多其他的依赖，所以不能都存在这个里 只选择项目必须要的去存，也就是install
Webpack demo + npm run dev，localhost:8080 提示 Cannot GET/
过招
08-23 791
因为我没有通过 devServer 指定 SPA（单页应用）的入口 `index.html` 文件。不过我百思不得其解，为何不默认进入根目录的 `index.html` ？
⭐️npm run dev报错
最新发布
Python老吕的博客
08-26 1344
是一个在 Node.js 项目中常用的命令，它允许开发者运行一个预定义的脚本，通常用于启动开发服务器或者执行开发环境的构建任务。这个命令是通过文件中的scripts在这个例子中，dev脚本使用nodemon工具来监控app.js文件的更改，并在文件发生变化时自动重启服务器。这样，开发者可以在开发过程中实时看到更改的效果，而无需手动重启服务器。在本文档中，我们探讨了在使用模块未找到错误：通常是因为缺少必要的依赖包或路径配置错误。语法错误。
npm dev run 8080报错的解决办法
weixin_33755649的博客
11-25 448
最近在学vue准备利用官方的脚手架先搭建环境然后写一个小demo，结果各种不顺利 $ npm install vue-cli -g # 顺利完成 $ vue init webpack vue-demo #顺利 $ cd vue-demo/ $ npm install # 遇到问题了 $ npm run dev # 遇到问题了 npm in...
npm命令运行时报错_运行npm update等命令出错后如何分析问题根源
weixin_28761983的博客
12-24 742
我今天工作时，在当前前端项目工作目录下执行命令npm update结果遇到如下错误：registry error parsing jsonnpm ERR! Unexpected token < in JSON at position 0有些朋友遇到这个错误，就不知所措了。本文介绍如何分析npm命令报出的这些错误。首先根据错误消息判断出这是npm在解析一个json响应时出错，因为这个期望的js...
node本地服务启动报错: listen EADDRINUSE
gatsbynan的博客
04-08 5323
报错 Server running at http://127.0.0.1:8888/ events.js:160 throw er; // Unhandled 'error' event ^ Error: listen EADDRINUSE :::8888 at Object.exports._errnoException (util.js:1026:11)
解决运行服务器nodemon报错问题
poporain_的博客
02-26 5640
[nodemon] to restart at any time, enter `rs` [nodemon] watching path(s): *.* [nodemon] watching extensions: js,mjs,json [nodemon] starting `node scr.js` node:events:498 throw er; // Unhandled 'error' event ^ Error: listen EADDRINUSE: address .
【整理篇】极速上手！webpack-dev-server的相关配置
SuperZZQ_的博客
12-27 1803
Webpack-dev-server是一个小型的Express(Node.js) 服务器，可以通过配置webpack开发中间件来为项目服务，并且能够无需刷新，自动更新，使开发者在前端开发过程中拥有超快的反馈和超赞的体验（就是爽）。本篇主要讲解已有webpack4.x版本基础上，安装与配置相关文件，搭建起webpack-dev-server服务器，实现极速上手与简单理解。 由于本篇接【整理篇】上手...
webpack（10）webpack-dev-server搭建本地服务器
厦门在乎科技
07-13 299
前言 当我们使用webpack打包时，发现每次更新了一点代码，都需要重新打包，这样很麻烦，我们希望本地能搭建一个服务器，然后写入新的代码能够自动检测出来，这时候就需要用到webpack-dev-server webpack-deb-server webpack提供了一个可选的本地开发服务器，这个本地服务器基于node.js搭建，内部使用express框架，可以实现我们想要的浏览器自动刷新显示我们修改后的结果 由于它是个单独的模块，使用之前，我们需要先安装，命令如下： npm install -D
mac 终端上运行NPM INSTALL时出现问题：npm error！cb() 从未调用过！解决了
yanpenggong的博客
08-01 3964
在使用Node PackageModels(npm install)时,遇到此错误： 在使用 vue init webpack my-project生成一个基于 webpack 模板的新项目时，报下面的错： 错误的error！cb() 从未被调用过！ 因此，在阅读并寻找解决方案之后，这就是解决问题的方法，希望它可以帮助您： 1.使用您的终端使用以下简单命令验证您的node.js版本...
node.js webpack-dev-server出现listen EADDRINUSE错误
wangchunbo的博客空间
01-30 1275
webpack-dev-server在npm run dev 之后出现如下信息，之前的服务将端口占用了，任务管理器里面杀掉即可。 events.js:183 throw er; // Unhandled 'error' event ^ Error: listen EADDRINUSE 127.0.0.1:8999
mac vue-cli启用80端口
litCabbage的博客
05-09 1084
1、需要指定port为80 2、需要sudo npm run dev，才可以
npm常见的“ERR! Error”
Inuyasha1121的专栏
07-29 7753
npm ERR! Error: ENOENT, lstat  解决办法： npm config set user 0  npm config set unsafe-perm true npm ERR! Error: No compatible version found  解决办法：升级n
week11_day02_Vue项目2
shihao的博客
06-17 687
1.2重复创建项目: 从哪一步 Vue init webpack 项目名 1.3复制项目: 不要直接复制 复制除了node_modules, 之外的文件 复制完成之后, cnpm install 1.4目录不一样 没关系, npm run dev 能启动就成 1.5启动后按Ctrl + c关闭 就访问不到http://localhost:8080/ 了。 因为npm run dev启动的是前端服务器，你关掉之后就没有这个服务了，服务都不在了，谁来监听端口呢？当然访问不到端口号8080了。 服务最重要的特点
运行npm run dev报错（已解决）
qq_45575177的博客
10-07 8739
解决方案： 1.打开package.json文件 在scripts里面添加"dev":"webpack" 将jquery,webpack和webpack-cli文件号进行版本修改 2.修改完成保存之后，运行npm run dev，就可以成功运行
报错 - npm run dev 报错 Error: listen EADDRINUSE: address already in use :::8000(或者8080等等)
sunshime的博客
08-19 1546
  今天我来记录一下近期在实现一个项目的时候，发现运行npm run dev 一直报错：     Error: listen EADDRINUSE: address already in use :::8000     npm ERR! elm@2.0.1 dev: cross-env NODE_ENV=online node build/dev-server.js 发现这其实是因为端口被占用了，我们可以关掉被占用的端口，或者是换一个端口重新编译来解决这个问题。 报错： 报错原因及解决   出现这种报错情况
关于webpack执行npm run dev无法访问8080的问题（成功解决）
qq_42174584的博客
10-07 3839
刚开始在命令行中输入npm run dev想把项目跑起来，显示已经编译成功 但当打开浏览器发现 尝试网上说的方法一： 可能电脑不支持解析localhost改为127.0.0:8080-->结果发现不行 尝试方法二： 将防火墙关闭，重新使用命令行运行----->还是不行 尝试三：方法设置为自动打开浏览器（成功解决） 在config文件夹下的index.js,把autoOpenBrowser:flase,改为true，让它运行时自动打开浏览器 重新在命令行输入后成功打..
vscode中执行npm run dev命令报错Error: error:0308010C:digital envelope routines::unsupported
06-26
VS Code 中执行 `npm run dev` 命令报 `Error: error:0308010C:digital envelope routines::unsupported` 错误通常与 Node.js 或 OpenSSL 安装有关。这个错误通常是由于尝试使用加密功能（如 SSL/TLS），但当前环境...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值