【IDE】IntelliJ IDEA 开发前端项目时使用 npm install 卡死问题

最新推荐文章于 2024-10-10 11:47:07 发布
最新推荐文章于 2024-10-10 11:47:07 发布
阅读量4.2k 收藏 2
点赞数 6
分类专栏： IDE系列
本文为【tanpenggood】原创文章，允许转载，但转载必须注明出处并附带首发链接！
本文链接：https://blog.csdn.net/AV_woaijava/article/details/90080442
版权
本文详细介绍了在IDEA中进行前端项目开发时遇到的npminstall卡顿问题及其解决办法。通过将node_modules目录添加到IDEA的忽略列表中，有效避免了IDEA因解析大量依赖而造成的卡顿现象，显著提升了开发效率。
摘要由CSDN通过智能技术生成

在IDEA中开发开发前端项目时使用 npm install 卡死问题，我是如何解决的？

案发现场：

由于在执行cnpm install后会在node_modules这个文件下面生成vue的相关依赖文件，会导致IDEA出现卡死的问题

解决办法：

把 node_modules设置在忽略列表中
在这里插入图片描述

tanpenggood
关注
专栏目录
IntelliJ IDEA编辑器配置vue高亮显示
10-16
IntelliJ IDEA作为一款强大的Java IDE，同样支持Vue.js的开发。本篇文章将详细讲解如何在IntelliJ IDEA中配置Vue.js的高亮显示，以便在编写Vue代码时获得更好的视觉体验和开发效率。 首先，我们需要确保IntelliJ ...
输入命令 ：npm install 要么报错要么卡住
weixin_47902851的博客
01-24 778
解决npm install 运行报错
idea下安装npm install yarn报错
ask_baidu的博客
08-05 3492
idea下报：npm : 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。解决方法：1.idea安装vue插件
npm install 卡住不动 idealTree:vue3: sill idealTree buildDeps如何解决？
最新发布
qq_19872493的博客
10-10 270
1. 查看registry镜像源是否正确 2.删除cache缓存后npm install。可以看到我这里主要问题是镜像源不对导致npm install安装依赖网络拉取不了，所以卡住。重新npm install 试试，一般都能解决不用再往下看了（我的切换镜像就解决了）；删除 C:\Users\{账户}\ 文件夹中的 .npmrc 文件。如果不能解决 执行查看配置命令。执行 切换 淘宝镜像。
idea使用npm install运行构建前端项目时出现的错误
weixin_46244732的博客
01-25 3048
npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! node_modules/@fullcalendar/vue npm ERR! npm ERR! Fix the upstream dependency conflict, or retry npm ERR! this command with --force, or --legacy-peer-deps npm ERR! to accept
npm install 详解
遇见一个人流泪的博客
04-12 4万+
package.json中dependencies和devDependencies的部分都会被安装，区别在于前者用于生产环境，后者用于开发环境 -g 表示全局安装，通常用于安装脚手架等工具 -s 表示本地安装，会被加至dependencies部分 -d 表示本地安装，会被加至devDependencies部分 什么都不加也会安装，但是不会加至package.json中 ...
npm install 卡住
CherishL_的专栏
02-07 2388
解决方案，使用淘宝镜像 npm config set registry https://registry.npm.taobao.org 参考： https://blog.csdn.net/hushilin001/article/details/78126836
IntelliJ IDEA 开发Vue项目 ElementUI 未知HTML标记 提示问题的解决
09-17
在IntelliJ IDEA中开发Vue项目并集成Element UI时，遇到未知HTML标记`el-aside`的提示通常是由于缺少对Element UI库的支持或者组件路径配置不准确。以下是几个可能的解决方案： 1. **添加Element UI依赖**：确保在...
使用Intellij IDEA创建vue-cli项目教程
在开发Web应用程序时，IntelliJ IDEA作为一款强大的集成开发环境(IDE)，为开发者提供了便捷的开发体验。Vue CLI是Vue.js官方提供的脚手架工具，可以快速初始化一个Vue.js项目。以下是使用IntelliJ IDEA搭建Vue CLI...
npm install 报错/异常 解决方式
WangYan的博客
03-21 4797
npm install 总是一言难尽，以下： 特别说明： 如果你 npm install 遇到奇葩问题，那么可以试试一下两种方式： 1.切换成淘宝镜像或华为镜像（很多人的选择）。 2.npm资源库切换成本有的（registry.npmjs.org），然后 yarn install，一般就解决问题了。 3.推荐第二种方案 PS：TNND，最近的工程 npm install 总是各种奇葩问题，跟同事同样的配置，本人 install 就报错，见鬼了… 再说明： npm install 时，经常性的会遇到.
idea 用内建terminal npm install 之后 会卡死，实践上是经历了两次这个情况了，不过因为是2019.2 版本的，也许后续版本已经修复了吧
jonathan_joestar的博客
02-23 501
idea 用内建terminal npm install 之后 会卡死，实践上是经历了两次这个情况了，不过因为是2019.2 版本的，也许后续版本已经修复了吧
npm install报错，解决记录
警警的博客
08-28 4323
遇到npm安装依赖包时的报错时，首先要仔细阅读错误信息和日志，然后根据错误类型采取相应的解决方法。如果问题依旧无法解决，可以考虑在Stack Overflow等社区寻求帮助，或者检查npm的官方文档和GitHub问题跟踪器以获取更多信息。
运行npm install卡住不动的几种解决方案
shi450561200的博客
11-11 4万+
在前端开发经常会遇到运行npm install 来安装工具包一直卡住不动，为此这里提供几种解决方案，供大家参考学习，不足之处还请指正。
idea中npm安装总结与node-sass依赖安装等常见问题避坑总结
httpmc2018的博客
12-21 9862
首先安装npm：npm install 然后安装淘宝镜像：npm i -g cnpm --registry=https://registry.npm.taobao.org 安装Vue脚手架：vue-cli 安装webpack：cnpm install -g webpack 执行运行命令：npm run serve
在idea的terminal命令栏中npm install --global yarn以及yarn install的解决方案
qq_50839597的博客
07-23 3248
在idea的terminal命令栏中npm install --global yarn以及yarn install的解决方案
IDEA配置npm启动
热门推荐
jomexiaotao的博客
06-01 8万+
前面文章已经说过如何创建与命令启动  接下来为大家介绍如何通过idea启动1、打开idea程序  打开test项目找到右上角的编辑按钮打开后 然后点击添加npm点击后看到右边的界面保存后点击运行试试测试成功  配置完成 ...
idea执行npm install报错errno -4048
brute_love的博客
06-06 585
1、在D盘下新建文件夹NodeRepository（可以在其他目录下新建，不要在nodejs安装的文件夹下新建，因为可能是安装的nodejs的目录受限），然后在NodeRepository文件夹下新建node_cache和node_global。用户变量设置：将用户变量中 PATH 的值改成 D:\NodeRepository\node_global，没有PATH，可以直接添加。系统变量设置：添加变量 NODE_PATH 值为：D:\NodeRepository\node_global。
idea执行npm install报错operation not permitted
呆呆的博客
08-06 999
idea执行npm install报错operation not permitted
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值