启动webpack-dev-server异常

最新推荐文章于 2022-06-15 10:39:08 发布

GZ-豆浆油条

最新推荐文章于 2022-06-15 10:39:08 发布

阅读量891

点赞数

分类专栏：小麻烦文章标签： webpack

本文链接：https://blog.csdn.net/ycd500756/article/details/79856661

版权

小麻烦专栏收录该内容

23 篇文章 0 订阅

订阅专栏

启动webpack-dev-server时候出现异常

Error: listen EADDRINUSE 127.0.0.1:8088
    at Object._errnoException (util.js:1022:11)
    at _exceptionWithHostPort (util.js:1044:20)
    at Server.setupListenHandle [as _listen2] (net.js:1367:14)

从异常信息可以看出是本地的8088端口被占用

解决方法：
1.更改webpack-dev-server启动时的端口

2.结束占用端口的进程

netstat -aon|findstr “端口号”
taskkill /pid “占用端口的PID” /f

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

GZ-豆浆油条

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

webpack-dev-server配置失败的原因

a125129167的博客

06-24

3644

运行webpack-dev-server报错

ChrisJin的博客

07-21

516

项目场景： package.json依赖：问题描述：运行webpack-dev-sever报如下错误： Cannot find module 'webpack-cli/bin/config-yargs' 解决方案：百度之后都是说webpack-cli 4.x与webpack-dev-server 3.x版本不兼容。需要将webpack-cli 4.x降低到webpack-cli 3.x 方案一解决方案如下：卸载webpack-cli 4.7.2, 安装webpack 3.3.12（3.X最高

参与评论您还未登录，请先登录后发表或查看评论

webpack4：实时打包之webpack-dev-server

duansamve的博客

01-31

682

1、安装： cnpm i webpack-dev-server -D 2、package.json中配置命令： "dev": "webpack-dev-server --open chrome --port 3000 --hot --host 127.0.0.1" { "name": "wp4-1", "version": "1.0.0", "description": ...

web工程无法访问本地图片解决方案

weixin_41657954的博客

03-12

7497

1.问题描述：大家在开发web项目中可能会遇到这样的问题：运行web项目，打开浏览器但本机的图片显示不出来，f12查看是浏览器拒绝访问本机路径。 2.原因分析：浏览器出于安全考虑是不允许html访问本地文件。不会允许浏览器打开file://开头的本地图片。我们写一个简单的html，在img的src直接给本机图片绝对路径，然后直接浏览器跑，可以看到图片显示。这说明浏览器拒绝访问本机资源是在通过tomcat服务器的前提下的，我们写html文件直接浏览器运行不受影响。 3.解决思路：通过原因分析，我们应该

解决webpack-dev-server 自动打开浏览器失败的问题

weixin_44471622的博客

06-15

967

在学习webpack-dev-server的过程中，浏览器无法自动打开，已解决。

安装webpack-dev-server出现的问题

qq_43020961的博客

05-19

644

问题1：安装webpack-dev-server 报错Error:Cannot find module ‘webpack-cli/bin/config-yargs’ 1）原因： webpack，webpack-cli，和webpack-dev-server的版本有冲突，建议不要用最新的webpack和webpack-cli版本 2）推荐的版本： “webpack”: “4.44.2”, “webpack-cli”: “3.3.12”, “webpack-dev-server”: “^3.11.1” 安装具体

webpack 使用webpack-dev-server 报错

enternal07的专栏

05-25

1282

使用webpacke 版本 5.23.0 ✖ ｢wds｣: Invalid configuration object. Webpack has been initialised using a configuration object that does not match theAPI schema. - configuration has an unknown property 'mode'. These properties are valid: object { amd?, bail...

webpack安装到mac打包踩坑

孟羽鱼的博客

07-23

408

webpack安装到mac打包踩坑 1、安装node.js 在终端 node -v npm -v 查验版本，看是否安装好 2、安装webpack 在终端执行 npm install webpack@3.11.0 -g这样就是安装了，-g是全局安装，（tips:可以用webpack -h来验证是否安装成功）。如果不成功，可能是mac权限导致的，用 sudo npm install webpack@3.11.0 -g使用管理员权限执行。（终端会显示password：）输入开机密码，然后等着安装，需要

WebSocket,Server-Sent Events：服务器发送事件,使用长链接进行通讯

weixin_33781606的博客

11-23

1790

转自利用WebSocket和EventSource实现服务端推送概述传统的网页都是浏览器向服务器“查询”数据，但是很多场合，最有效的方式是服务器向浏览器“发送”数据。比如，webpack的HRM，每当收到新的电子邮件，服务器就向浏览器发送一个“通知”，这要比浏览器按时向服务器查询（polling）更有效率。服务器发送事件（Server-Sent Events，简称SSE）就是为了解决这个问题...

Webpack 快速入门指南（二）

彳亍

08-28

532

开发本指南继续沿用管理输出指南中的代码示例。如果你一直跟随之前的指南，应该对一些 webpack 基础知识有着很扎实的理解。在我们继续之前，先来看看如何建立一个开发环境，使我们的开发变得更容易一些。本指南中的工具仅用于开发环境，请不要在生产环境中使用它们！使用 source map 当 webpack 打包源代码时，可能很难追踪到错误和警告在源代码中的原始位置。例如，如果将三个源...

Webpack dev server热加载失败的解决办法

甘焕的博客

05-10

9705

利用Webpack dev server作为热加载服务器时，出现以下错误：XMLHttpRequest cannot load http://localhost:8080/dist/06854fc8988da94501a9.hot-update.json. No 'Access-Control-Allow-Origin' header is present on the requested res

webpack-dev-server简单使用

热门推荐

高山上的鱼

02-09

5万+

1.webpack-dev-server配置1.1 ContentBasewebpack-dev-server会使用当前的路径作为请求的资源路径，但是你可以通过指定content base来修改这个默认行为:$ webpack-dev-server --content-base build/这样webpack-dev-server就会使用build目录下的文件来处理网络请求。他会监听资源文件，当他们

webpack更新记录，vue-loader报错Compiled with problems : ERRORModule notfound: Error:Can‘ t resolve vue in

helgeal的博客

10-24

1万+

在package.json包中 "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "dev": "webpack-dev-server --open", "bulid": "webpack -p" }, "bulid": "webpack -p" -p 指令不在能被识别，已经被淘汰了。更改为： "scripts": { ...

webpack 遇到问题总结

hikktn的博客

02-25

1万+

webpack src/main.js dist/bundle.js internal/modules/cjs/loader.js:582 报错的原因，就是什么环境配置的问题。首先电脑上先安装了node.js，然后又安装了nvm，安装nvm没有卸载，并且安装路径有问题，并不是中文的问题。而是文件夹的空格。安装nvm的路径是E:\Program Files (x86)\nvm。出现了非常多莫名其妙的问题，虽然解决了，但是必须将需要编译的文件放入node_modules下，让人感到不爽。 .

webpack -- webpack-dev-server 启动报错解决

weixin_44622984的博客

12-29

1301

今天在启动webpack-dev-server的时候报错报错原因: 搜了一下github和百度,应该是webpack-cli的版本与webpack-dev-server版本的冲突解决方式: 1.删除已有项目webpack依赖 npm uninstall -D webpack-cli 2.重新安装 npm install -D webpack-cli@3 再次运行: 成功开启服务器注: 如果按照上述方法仍然报相同错误,可以尝试将webpack webpack-cli webp

启动vue项目webpack-dev-server报错

dyxbhb的博客

10-28

6859

启动vue项目后，提示“webpack-dev-server不是内部命令，也不是外部命令”。这时候只要在项目目录下执行npm install webpack-dev-server -g即可。 npm install webpack-dev-server -g 重新运行npm run dev。 ...

webpack4.0基础配置以及（webpack-dev-server）的使用

yezi__6的博客

05-11

5589

今天又开启了我webpack4.0的学习旅途。上次学习webpack中途问题实在是解决不了，就搁置好久没看了。可是怎么能不看呢，毕竟自己准备进军前端一线了。哈哈~~~ 说下webpack都可以干什么吧？代码转换，文件优化，代码分割，模块合并，自动刷新，代码校验，自动发布等特点好了不说啦开始基本配置吧在开始配置之前，先新建一个文件夹webpc，在根目录下写src(js, css,....

Vue 项目运行 npm run dev 命令时会报错：“'webpack-dev-server' 不是内部或外部命令，也不是可运行的程序” 的解决办法

iw1210的专栏

05-09

5538

Vue 项目运行 npm run dev 命令时会报错：“'webpack-dev-server' 不是内部或外部命令，也不是可运行的程序” 的解决办法对于已经创建的工程，如果删除了 node_modules 文件夹，当再运行 npm run dev 命令时会报错：“'webpack-dev-server' 不是内部或外部命令，也不是可运行的程序”，解决办法如下。进入工程目录，比如 E:\...

npm install webpack-dev-server