vue-cli创建的项目npm run dev运行很慢

最新推荐文章于 2025-09-18 21:29:47 发布
原创 最新推荐文章于 2025-09-18 21:29:47 发布 · 8.6k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js

本文分享了一次使用Vue-cli创建的项目遇到的慢启动问题及解决方案。问题源于使用cnpm替代npm安装依赖，导致项目运行速度大幅下降。解决方法为删除node_modules文件夹并使用npm重新安装依赖。

vue-cli创建的项目npm run dev刚开始运行正常，之后突然运行要花很长时间。后来发现是cpmn的原因。有次npm i装包的时候失败了，于是就用了cnpm i来装包，装包后再跑项目就很慢了。

解决方法：删除node_modules文件，npm i重新安装包。

开发过程中vue项目保存编译慢优化方法
会飞的咕咕鱼的博客
02-21 2万+
问题描述 近期在做一个VUE项目，项目越做越大，相继带来的问提也就越来越多，当前存在的问题是：1.开发过程中，修改一个文件，保存一下项目需要特别久。 2.npm run dev启动项目需要特别久。 吓人吧，作为开发者，相信大家都懂那种感觉（想砸电脑） 优化方法 1.开启uglifyjs-webpack-plugin 的 cache（文件webpack.prod.conf.js） 该方法优化后...
浅谈VUE-CLI脚手架热更新太慢的原因和解决方法
01-19
用vue-cli构建了项目之后在webstorm开发，用npm run dev跑本地服务，经常修改之后在浏览器刷新没反应，偶尔才会有刷新，需要重新跑一遍npm run dev才会更新，这是怎么回事呢？ 解决方法 webstorm保存的时候会先保存...
执行指令npm run dev时卡进度的解决方法
chenfangqi7的博客
11-29 3815
执行指令npm run dev时卡进度的解决方法
vue npm run dev 启动项目很慢
热门推荐
qq_39851243的博客
05-04 2万+
每次npm run dev 启动项目的时候就会building modules，而且会很慢，不知道是什么原因
将npm run dev 冷启动从 90s 优化到 8.5s的实践
最新发布
weixin_46095200的博客
09-18 736
本文详细介绍了如何将前端本地开发冷启动时间从90秒大幅优化至8.5秒的实践过程。通过采用多线程编译预热、启用Loader缓存、优化Source Map策略等三大类措施，重点实施babel/vue-loader缓存、eval族Source Map、动态导入重型功能等核心优化手段。所有改动均针对开发环境，保持生产配置不变且可回退。优化后不仅冷启动时间显著降低，二次冷启动和热更新速度也得到提升。文章提供了完整的优化清单和回退策略，并强调应优先解决影响最大的瓶颈问题，再逐步优化细节。
npm 太慢
qq_40088463的博客
12-16 782
npm config set registry https://registry.npm.taobao.org npm install
npm run dev运行程序到40%不动了
qq_41820599的博客
01-08 2199
npm 运行程序一直卡在40%不动，一开始以为是网络的问题，不断地找解决方案。 后来我发现原来是因为template下面需要有一个div根节点，有一个文件两个div并行了，所以程序陷入了死循环。
vue项目构建过于慢的问题
qq_43148907的博客
12-07 1690
因为 vue init 使用的是 npm源，是国外的 1.查看npm源 //查看源，可以看到设置过的所有的源 npm config get registry 2.设置npm源 //设置淘宝源 npm config set registry https://registry.npm.taobao.org // 安装cnpm命令,不会改变npm的源 npm install -g cnpm --re...
解决Vue-cli npm run build生产环境打包,本地不能打开的问题
10-17
npm run dev命令是在开发环境下运行的，目的是为了帮助开发者在开发过程中更便捷地进行代码的编译和调试。npm run build则是在开发环境准备就绪之后，为了生成生产环境下的代码所使用的命令，它会对代码进行压缩和...
浅谈vue-cli加载不到dev-server.js的解决办法
11-28
然而，在更新到较新的VueWebpackTemplate时，可能会遇到“vue-cli加载不到dev-server.js”的问题。这是因为旧版本中，开发服务器的配置通常在dev-server.js文件中，但新版本已经移除了这个文件，转而使用webpack.dev...
Vue项目执行 npm run dev 报错解决方法
01-07
Vue项目执行 npm run dev 报错解决方法 错误如下: Error: Cannot find module 'webpack-merge' at Function.Module._resolveFilename (module.js:440:15) at Function.Module._load (module.js:388:25) at Module.require (module.js:468:17) at require (internal/module.js:20:19) at Object. (D:\node6.2.0\node_global\etc\sellapp\co
详解vue-cli 构建项目 vue-cli请求后台接口 vue-cli使用axios、sass、swiper
08-27
Vue CLI 是一个基于 Vue.js 的命令行工具，用于快速搭建 Vue 项目。它简化了项目的配置，提供了预设（preset）来快速初始化项目。在本文中，我们将详细讲解如何使用 Vue CLI 构建项目，以及如何在项目中使用 axios、...
vue-cli-service npm run dev的时候vue-cli-service既不是内部命令也不是外部命令
01-24
### 解决 `vue-cli-service` 不是内部或外部命令的问题 当遇到 `'vue-cli-service' 不是内部或外部命令，也不是可运行的程序或批处理文件` ...npm run dev ``` 如果一切正常的话，现在不应该再看到之前的那个报错了。
npm run serve/build/dev，的时候启动时间过长，node内存泄露报错FATAL ERROR: Ineffective mark-compacts near heap .....
weixin_47774000的博客
03-27 689
错误提示 ：FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory（本文只针对windows系统）
npm run dev 或者 npm run start 一直跑不起来 好惊险
daisymao0205的博客
08-25 1104
修改npm的配置 修复dev失败情况
react flux的坑之（三） npm install 慢，或执行 npm instal之后run以后报错少包
lilyouyanglove的博客
07-27 2793
从githhub down了一个备忘录源码下来运行，所遇到的问题之一如下 下载下来之后第一件事是下载依赖 npm install，因为github上一般不提交node_modules文件夹。 1、问题描述： 执行npm install 后， npm run  start  依然不成功 2、解决办法 npm install是下载node_modules文
vue 项目中 npm run dev 运行98% after emitting CopyPlugin 卡死
Ninewu的博客
06-10 3702
写项目时然后运行 发现如下问题： 试了删除node-modules 之后重新install 还是不行，后来在网上有人说他是 import 引入图片是空的，不能为空解决了这个问题 我就在我的项目中找 发现真的是这种问题 [外链图片转存中…(img-w36sILKf-1591783740865)] 我把地址改好之后重新启动就好了 记录一下。 ...
npm run dev 启动一半卡住不动问题
dreamy_wx的博客
12-20 5237
因为这个项目是我用来平时写demo和测试的，没有关联仓库，不注意修改了啥也不清楚，再一次打开就一直启动不了，如图： 重启不管用 卸载依赖包重新安装不管用 我要崩溃了… 然后挨个注释路由组件，哎，找到问题了 template只能存在一个根元素，这里不知道什么时候敲了个字母导致的错误 以后遇到这个问题可以先从路由文件开始部分注释看一看 ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值