vue-cli脚手架npm run dev 的坑

最新推荐文章于 2023-11-29 17:32:19 发布
原创 最新推荐文章于 2023-11-29 17:32:19 发布 · 3.6k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了解决 npm rundev 运行时出现错误的方法。通过排查端口占用问题并调整 build/webpack.dev.conf.js 文件中 IP 地址配置，成功解决了运行时的错误。

npm run dev 运行的时候就报以上的错误，然后排除了端口被占用，也试过npm install 的做法，就是不一样

build/webpack.dev.conf.js 

const HOST = '192.168.1.163'

改成

const HOST = process.env.HOST
就可以了，原因是应该IP地址改变的原因
开发过程中vue项目保存编译慢优化方法
会飞的咕咕鱼的博客
02-21 2万+
问题描述 近期在做一个VUE项目，项目越做越大，相继带来的问提也就越来越多，当前存在的问题是：1.开发过程中，修改一个文件，保存一下项目需要特别久。 2.npm run dev启动项目需要特别久。 吓人吧，作为开发者，相信大家都懂那种感觉（想砸电脑） 优化方法 1.开启uglifyjs-webpack-plugin 的 cache（文件webpack.prod.conf.js） 该方法优化后...
解析npm ERR! code ELIFECYCLE错误及解决方法
理论都是虚的，代码才是王道。
10-19 6万+
在开发NODEJS项目时，我们应该密切关注依赖项的正确安装、编译过程的错误以及文件权限的问题。然而，有时候在使用npm运行命令时，可能会遇到一个常见的错误：npm ERR!ELIFECYCLE是npm的一个错误代码，它表示在执行npm脚本的生命周期中，某个步骤无法成功完成。具体来说，当执行一个npm脚本时，它会按照一定的顺序执行一系列的步骤，如果其中任何一个步骤失败或返回非零退出码，就会触发ELIFECYCLE错误。通过检查和更改文件或目录的权限，可以解决由于权限问题导致的ELIFECYCLE错误。
解决npm ERR! code ELIFECYCLE npm ERR! errno 1问题
热门推荐
Zorephp的博客
10-10 10万+
错误： 原因及解决办法： 第一种情况： 最开始发现的时候，是因为我用了两个不同的编辑器，同时打开这一个项目，然后就报出了这个错，如果情况好一点的话，就是端口号已经被占用了，这个时候，只要释放掉端口号就好了。然后再重启项目就好了。 第二种情况： 我刚开始不知道什么原因，和同事一直在乱改，一波骚操作。然后可能动到了一些文件的东西了。然后就算重启了电脑，端口也没有被占用，也一直报npm E...
npm ERR! code ELIFECYCLE报错解决
Youga123的专栏
10-12 2万+
最近多次遇到这个问题，然而网上的方法对我无效。。。 我是通过解决插件之间版本搭配问题来解决这个报错的，这一点我在博文webpack安装成功后的run build填坑之旅中也有写到，但可能内容太多，不显眼。。。 我本地的node.js是12.6.0current版，webpack-cli是3.0.0，webpack是4.30.0，根据之前的经验，node.js(12.5.0current)+webp...
vue项目工程中npm run dev 到底做了什么
weixin_30685047的博客
04-10 1029
1. npm install 安装了webpack框架中package.json中所需要的依赖 2.安装完成之后，需要启动整个项目运行，npm run 其实执行了package.json中的script脚本，npm run dev的执行如下 3.底层相当执行webpack-dev-server --inline --progress --config build/webpack.dev.c...
【vue】vue项目运行npm run dev 报错“missing script:dev”
liuxiaowei
04-28 1750
错误问题 解决方案 1、使用npm run serve 运行，即可解决 2、如果想继续使用npm run dev运行项目，怎么办？ 打开vue项目文件夹 找到文件“package.json”，打开 找到文件中下面的内容，将"serve" 改为“dev”，即可 思考：为什么npm run dev 是运行vue项目的指令，却运行不了 原因：vue-cli版本的问题 vue...
精选资源
浅谈VUE-CLI脚手架热更新太慢的原因和解决方法
01-19
用vue-cli构建了项目之后在webstorm开发，用npm run dev跑本地服务，经常修改之后在浏览器刷新没反应，偶尔才会有刷新，需要重新跑一遍npm run dev才会更新，这是怎么回事呢？ 解决方法 webstorm保存的时候会先保存...
详解vue-cli 脚手架项目-package.json
12-08
使用vue-cli脚手架新建的项目中，含有package.json。 package.json是npm的配置文件，里面设定了脚本以及项目依赖的库。 npm run dev 这样的命令就写在package.json里。 { "name": "vue-manage", // 项目名称 ...
详解如何使用vue-cli脚手架搭建Vue.js项目
10-19
- 使用vue-cli脚手架创建的项目已经包含了热加载、代码检查、单元测试和CSS分离等现代Web开发所需的功能。 - Vue.js项目的目录结构是预设好的，这包括源码、资源、构建配置等不同部分的文件夹。 - 在进行项目开发时...
精选资源
vue-electron：一个带有vue-cli脚手架，常见Vue插件，electron-packagerelectron-builder，unite2e测试，vue-devtools和webpack的Electron＆Vue.js快速入门样板，Quasar1.xVuetify2.x SassLessStylus
01-31
$ npm run dev 关于主要模块 vue-electron使核心依赖模块保持最新。 :red_heart_selector: 核心 模组 版 电子 11.x Vue-CLI 3.x Vue 2.x 巴别塔 7.x :trident_emblem: CSS预处理器 模组 版 萨斯 5.x 减 4.x ...
vue-cli脚手架的安装教程图解
10-18
在进行Vue-cli脚手架的安装之前，需要确保安装有Node.js环境，并且npm（Node.js的包管理器）的版本不低于3。可以使用node -v和npm -v命令在cmd（命令提示符）中检查Node.js和npm的版本。Vue-cli脚手架的推荐使用条件...
vue-cli创建的项目npm run dev运行很慢
学习永无止境
01-20 4209
vue-cli创建的项目npm run dev刚开始运行正常，之后突然运行要花很长时间。后来发现是cnpm的原因。有次npm i装包的时候失败了，于是就用了cnpm i来装包，装包后再跑项目就很慢了。 解决方法：删除node_modules文件，cnpm i重新安装包。 ...
npm run dev卡住
蚍蜉的博客
08-26 3535
npm run dev卡住，进度在某个百分比后停止不动
npm run serve或者npm run dev卡住
hanshilong100的博客
06-09 1200
启动项目npm run serve的时候，卡住了解决办法~
执行指令npm run dev时卡进度的解决方法
chenfangqi7的博客
11-29 3910
执行指令npm run dev时卡进度的解决方法
vue 报错npm ERR code ELIFECYCLE
god_sword_的博客
04-23 5015
npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! vue-admin-template@4.2.1 dev: `vue-cli-service serve` npm ERR! Exit status 1 删掉项目中的node_modules文件夹和package-lock.json文件，手动删掉简单粗暴。运行指令npm install 指令重新安装下载依赖库。然后重新启动。 ...
vue运行报错npm ERR! code ELIFECYCLE npm ERR! errno 1
helal的博客
02-24 5736
报错信息 npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! moni-webview@0.1.0 serve: vue-cli-service serve npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the webview@0.1.0 serve script. npm ERR! This is probably not a problem with npm. There is likely 百度了
解决：npm ERR! code ELIFECYCLE npm ERR! errno 1
m0_56026872的博客
08-21 6万+
解决：npm ERR! code ELIFECYCLEnpm ERR! errno 1问题 今天在自己学习react时候遇到了一个问题，就是在自己执行npm start运行项目时，产生了如下报错 然后我自己稀里糊涂的弄了好几遍，瞎弄一通，只会产生更多的报错。最后在交流群里问了一下自己的师兄，师兄说可能是我无意间动了配置文件，也就是node_modules。 解决办法： 删掉项目中的node_modules文件夹和package-lock.json文件，网上有很多快速删掉node_modules的指令和方法
vessel脚手架和vue-cli脚手架
最新发布
07-05
npm run dev ``` ### 示例代码：vue-cli 创建项目的基本步骤 ```bash # 安装Vue CLI如果尚未安装 npm install -g @vue/cli # 创建新的Vue项目 vue create my-project # 进入项目目录并启动开发服务器 cd my-project...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值