启动webpack-dev-server异常

最新推荐文章于 2022-10-13 11:17:51 发布
最新推荐文章于 2022-10-13 11:17:51 发布
阅读量891 收藏
点赞数
分类专栏： 小麻烦 文章标签： webpack
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ycd500756/article/details/79856661
版权

启动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.结束占用端口的进程

  1. netstat -aon|findstr “端口号”
  2. taskkill /pid “占用端口的PID” /f
GZ-豆浆油条
关注
专栏目录
webpack-dev-server配置失败的原因
a125129167的博客
06-24 3644
webpack-dev-server是webpack官方提供的一个小型Express服务器。使用它可以为webpack打包生成的资源文件提供web服务。 主要提供了2个功能： 为静态文件提供服务 自动刷新和热替换(HMR) 一般的项目文件结构为: |--src | |--views | |--index.js | |--module_a | |--list.js | |--module_b
webpack 使用webpack-dev-server 报错
enternal07的专栏
05-25 1284
使用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...
webpack4：实时打包之webpack-dev-server
duansamve的博客
01-31 683
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": ...
webpack运行内存溢出
xiasohuai的博客
01-30 7951
项目中，当组件文件过多，webpack-dev-server 编译时，容易内存溢出，如何解决呢？  windows下 在 \node_modules\.bin\webpack-dev-server.cmd 加以下红色配置，暂可解决 @IF EXIST "%~dp0\node.exe" ( "%~dp0\node.exe" "--max_old_space_size=4096" "...
vue-cli2.0 项目启动问题处理
weixin_52094928的博客
03-20 956
1、项目运行报错：与 webpack-dev-server 相关的 方法一、将webpack-dev-server卸载并重新安装 npm uninstall --save-dev webpack-dev-server npm install --save-dev webpack-dev-server@3.11.2 方法二、 将package.json中的配置文件，一些比较常见的，带尖角号的 ’ ^ '的尖角去掉， 比如： "element
webpack安装到mac打包踩坑
孟羽鱼的博客
07-23 409
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 1791
转自利用WebSocket和EventSource实现服务端推送 概述 传统的网页都是浏览器向服务器“查询”数据，但是很多场合，最有效的方式是服务器向浏览器“发送”数据。比如，webpack的HRM，每当收到新的电子邮件，服务器就向浏览器发送一个“通知”，这要比浏览器按时向服务器查询（polling）更有效率。 服务器发送事件（Server-Sent Events，简称SSE）就是为了解决这个问题...
Webpack 快速入门指南（二）
彳亍
08-28 532
开发 本指南继续沿用管理输出指南中的代码示例。 如果你一直跟随之前的指南，应该对一些 webpack 基础知识有着很扎实的理解。在我们继续之前，先来看看如何建立一个开发环境，使我们的开发变得更容易一些。 本指南中的工具仅用于开发环境，请不要在生产环境中使用它们！ 使用 source map 当 webpack 打包源代码时，可能很难追踪到错误和警告在源代码中的原始位置。例如，如果将三个源...
如何解决webpack执行时的内存溢出问题
_
07-18 1625
错误日志 recording <--- Last few GCs ---> [45725:0x102884000] 269552 ms: Mark-sweep 1799.6 (1996.8) -> 1799.4 (1979.3) MB, 2002.7 / 0.0 ms (average mu = 0.136, current mu = 0.000) last resort GC in old space requested [45725:0x102884000] 2716
解决webpack多页面内存溢出的方法示例
01-19
因为自己的项目是基于vue-cli3进行开发，所以这里只讨论这种情况下的解决办法 在进行多页面开发的时候，项目刚开始阶段，因为文件较少，所以代码编译速度还行，但是随着项目逐渐增大，webpack编译的速度越来越慢，并且经常出现内存溢出的情况。 下面就是几种尝试的方法，加快编译的速度 增加Node运行内存 在Node中通过JavaScript使用内存时只能使用部分内存（64位系统下约为1.4 GB，32位系统下约为0.7 GB）。所以不管电脑实际的运行内存是多少，Node在运行代码编译的时候，使用内存大小不会发生变化。这样就可能导致因为原有的内存不够，导致内存溢出。所以可以增加Node的
web工程无法访问本地图片解决方案
weixin_41657954的博客
03-12 7503
1.问题描述： 大家在开发web项目中可能会遇到这样的问题：运行web项目，打开浏览器但本机的图片显示不出来，f12查看是浏览器拒绝访问本机路径。 2.原因分析： 浏览器出于安全考虑是不允许html访问本地文件。不会允许浏览器打开file://开头的本地图片。 我们写一个简单的html，在img的src直接给本机图片绝对路径，然后直接浏览器跑，可以看到图片显示。这说明浏览器拒绝访问本机资源是在通过tomcat服务器的前提下的，我们写html文件直接浏览器运行不受影响。 3.解决思路： 通过原因分析，我们应该
Webpack基本配置
冰冰凉的博客
02-10 5165
目录一、Webpack基本概念概念：webpack的四个核心概念：webpack的模式：webpack的两种安装方式二、webpack的基本使用2.1 命令行方式（每次修改需手动输入命令重新打包）2.2 webpack的配置文件方式2.3 实现webpack的热更新2.3.1 webpack-dev-server的几个指令2.3.2 使用`html-webpack-plugin`插件配置启动页面2.4 webpack配置打包静态文件2.4.1 打包css,less,scss文件2.4.2 图形路径和字体文件
解决vue项目 改东西则项目中断 报错（内存溢出）​`webpack-dev-server --inline --progress --config build/webpack.dev.conf.j
w1939459的博客
10-13 1486
解决vue项目 改东西则项目中断 报错（内存溢出）​`webpack-dev-server --inline --progress --config build/webpack.dev.conf.j
webpack打包常见问题（webpack-dev-server）
无简介！！
08-30 2299
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使用方法，看完还不会的来找我~
weixin_34310127的博客
08-21 703
记录下webpack-dev-server的用法. 首先，我们来看看基本的webpack.config.js的写法 module.exports = { entry: './src/js/index.js', output: { path: './dist/js', ...
webpack-dev-server 启动报错
热门推荐
遇见一个人流泪的博客
04-23 3万+
ERROR in multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src Module not found: Error: Can't resolve './src' in 'C:\WebstormProjects\webpack-demo' @ multi (webpack)-de...
webpack-dev-server的使用步骤
m0_51608940的博客
05-27 7730
webpack-dev-server创建一个服务器（http://localhost:8080），服务器监听指定目录下的文件，自动打包文件，默认将输出文件bundle.js存于服务器的根目录中，并具有实时更新加载页面的功能，使用步骤如下： 1、安装webpack@4.43.0 webpack-cli@3.3.12 webpack-dev-server@3.11.0（ webpack-dev-server的使用需要配合版本兼容的webpack和webpack-cli） ： npm i webpack@4.43
npm install webpack-dev-server
最新发布
05-09
webpack-dev-server是一个小型的Node.js ...上述代码片段将告诉webpack-dev-server在localhost:8080上启动一个服务器，并将Web应用程序的文件提供给浏览器。在浏览器中打开http://localhost:8080即可访问Web应用程序。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值