彻底解决webstorm中加载node_modules卡死问题--不灵包赔

最新推荐文章于 2025-06-11 01:00:00 发布
最新推荐文章于 2025-06-11 01:00:00 发布
阅读量1.8w 收藏 12
点赞数 5
CC 4.0 BY-SA版权
分类专栏： Troubles-Shooting 文章标签： webstorm
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/AndyNikolas/article/details/76713982
本文提供了一个关于如何正确配置 WebStorm 的详细步骤，避免在首次启动时加载含有 node_modules 的项目，确保开发者能够顺利进行开发工作。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

欢迎关注我的github: https://github.com/godkun/blog

终极步骤

随便打开webstorm，记住不要在第一次打开webstorm就打开带有node_modules的项目，除非你脑袋瓜生锈了。

然后进入

File —> Settings

进入设置界面后！

我自己亲自做了一张图，按照下面这张图，绝对能成功。

放图！！

这里写图片描述

完美解决Webstorm不支持nodejs等语法提示和补全
Dobility
02-17 1万+
问题 在使用 Webstorm 写 es6、node的时候，会出现没有语法提示甚至是产生波浪线，例如常用的 require, import 不仅是内置函数语法，不仅是 js，在一些第三方npm库（比如 element-ui），在 vue/html 等上也被黄色背景色标上“未知标签名”的语法提示 既影响美观，又不支持代码候选补全，实在对不起 WebStorm 前端开发利器的称号。  ...
完美解决webstorm启动索引文件卡死的问题
10-19
然而，在使用WebStorm对包含大量依赖项的项目进行索引时，有时会遇到性能问题，其中一种表现就是WebStorm在启动时索引node_modules文件夹导致卡死。 node_modules文件夹是npm安装的依赖包存放地。在大型项目中，这...
vite 构建失败 modules transformed.
MaiJi
04-03 633
记录一下，可能是 因为npm 有个打赏 导致的，删除node_modules目录。重新下载，使用 npm install --no-fund。概率性的问题，构建的时候出现这个，然后就自动断开进程了。目前问题已经解决了，记录一下。
WebStorm索引
最新发布
四荒八极的博客
06-11 573
WebStorm的索引功能是支持代码补全、错误检查等核心功能的关键，它会在项目打开或文件更新时自动运行。索引时间取决于项目复杂度，可通过排除非必要文件/文件夹来优化性能。被排除的文件仍属于项目，但不再参与代码分析。用户可在索引期间继续其他非代码相关操作，待索引完成后才能使用全部编码辅助功能。文章还提供了将文件/文件夹标记为"纯文本"或"排除项"的具体操作步骤，帮助开发者提高索引效率。
【WebStorm】node-modules
CharlynYanyan的博客
12-06 562
WebStorm复现目录不显示的文件 成功显示
WebStorm导入项目一直在Loading Components的解决办法
Mikey_is_awesome的博客
07-12 1795
Settings->Appearance & Behavior->System Settings 取消勾选Project下的Reopen projects on startup后，重启WebStrom，再次打开项目
解决webstorm打开包含node_modules项目卡死问题
野蛮女孩的博客
12-08 1167
webstorm作为一个牛逼的前端编辑器，大家也都很熟悉，怎么用就不讲了，这里主要说一下这货容易卡的问题我新入手一小米pro，搞了个vue项目，打开居然发现一卡一卡的，简直不能忍，罪魁祸首就是这个叫node_modules的东西怎么搞嘞，先打开个空的webstorm，或者新建个空文件夹打开，好，这个时候，我们就来给他搞一番事情首先file -> setting打开设置面板然后点开editor -> File Types，右下方会出现一个输入框，在后面加上node_modules; 如图
nodejs Module加载机制
lifugui001的专栏
06-26 418
Require加在module机制详解加载文件类型加载流程图加载文件加载module 加载文件类型 node中的文件和模块是一一对应的。一个node.js文件就是一个模块，但是这个文件可能是js代码，JSON或者编译过的C/C++拓展 加载流程图 加载顺序和流程如下图所示，已经加载过的文件会直接缓存起来，下次再require会直接从缓存加载。 加载文件 加载module 如果 X 是内置模块 a. 返回内置模块 b. 停止执行 如果 X 以 ‘/’ 开头 a. 设置 Y 为文件根路径 如果 X 以
> guigu-rent-house-admin@0.0.0 dev > vite failed to load config from D:\myApp\WebStorm\project\BackstageManagementSystem\rentHouseAdmin\rentHouseAdmin\vite.config.ts error when starting dev server: Error: Cannot find module './compile.js' Require stack: - D:\myApp\WebStorm\project\BackstageManagementSystem\rentHouseAdmin\rentHouseAdmin\node_modules\vite-svg-loader\node_modules\css-select\lib\index.js - D:\myApp\WebStorm\project\BackstageManagementSystem\rentHouseAdmin\rentHouseAdmin\node_modules\vite-svg-loader\node_modules\svgo\lib\xast.js - D:\myApp\WebStorm\project\BackstageManagementSystem\rentHouseAdmin\rentHouseAdmin\node_modules\vite-svg-loader\node_modules\svgo\lib\svgo\plugins.js - D:\myApp\WebStorm\project\BackstageManagementSystem\rentHouseAdmin\rentHouseAdmin\node_modules\vite-svg-loader\node_modules\svgo\plugins\preset-default.js - D:\myApp\WebStorm\project\BackstageManagementSystem\rentHouseAdmin\rentHouseAdmin\node_modules\vite-svg-loader\node_modules\svgo\lib\builtin.js - D:\myApp\WebStorm\project\BackstageManagementSystem\rentHouseAdmin\rentHouseAdmin\node_modules\vite-svg-loader\node_modules\svgo\lib\svgo.js - D:\myApp\WebStorm\project\BackstageManagementSystem\rentHouseAdmin\rentHouseAdmin\node_modules\vite-svg-loader\node_modules\svgo\lib\svgo-node.js - D:\myApp\WebStorm\project\BackstageManagementSystem\rentHouseAdmin\rentHouseAdmin\node_modules\vite-svg-loader\index.js at Function._resolveFilename (node:internal/modules/cjs/loader:1225:15) at Function._load (node:internal/modules/cjs/loader:1055:27) at TracingChannel.traceSync (node:diagnostics_channel:322:14) at wrapModuleLoad (node:internal/modules/cjs/loader:220:24) at Module.require (node:internal/modules/cjs/loader:1311:12) at require (node:internal/modules/helpers:136:16) at Object.<anonymous> (D:\myApp\WebStorm\project\BackstageManagementSystem\rentHouseAdmin\rentHouseAdmin\node_modules\vite-svg-loader\node_modules\css-select\lib\index.js:32:20) at Module._compile (node:internal/modules/cjs/loader:1554:14) at Object..js (node:internal/modules/cjs/loader:1706:10) at Module.load (node:internal/modules/cjs/loader:1289:32) at Function._load (node:internal/modules/cjs/loader:1108:12) at TracingChannel.traceSync (node:diagnostics_channel:322:14) at wrapModuleLoad (node:internal/modules/cjs/loader:220:24) at Module.require (node:internal/modules/cjs/loader:1311:12) at require (node:internal/modules/helpers:136:16) at Object.<anonymous> (D:\myApp\WebStorm\project\BackstageManagementSystem\rentHouseAdmin\rentHouseAdmin\node_modules\vite-svg-loader\node_modules\svgo\lib\xast.js:10:38)
03-24
通常，删除node_modules并重新安装可以解决这类问题。建议用户执行`npm install`或`yarn install`，但可能需要先清理缓存和旧的安装文件。 2. **更新或降级依赖**：如果某个依赖包的最新版本存在兼容性问题，可能...
nodejs中art-template模板语法的引入及冲突解决方案
12-23
使用Webstorm创建nodejs express应用时，默认使用的是jade或者ejs模板，对于不习惯这两种模板语法的人来说确实不是很方便。没关系，这里我们使用art-template模板引擎，使用后可以直接使用html模板： 1、安装art-...
no such file or directory, open 'D:\crm\node_modules\@vue\babel-preset-app\node_modules\core-js\modules\es.array.iterator.js'
07-28
这个错误提示是在加载Vue组件时出现的，它指出无法找到文件'D:\crm\node_modules\@vue\babel-preset-app\node_modules\core-js\modules\es.array.iterator.js'。根据提供的引用内容，我找到了一些可能有助于解决这个...
WebStorm_2018.3_zh_utf-8.zip
06-10
WebStorm是一款广受欢迎的集成开发环境（IDE），尤其在JavaScript开发者中非常流行。这款由JetBrains公司开发的工具以其强大的代码提示、调试、版本控制集成等功能而受到赞誉。标题中的"WebStorm_2018.3_zh_utf-8....
WebStorm不显示node_modules
菜学匠的小窝
05-28 954
在使用WebStorm开发的时候，node_modules文件夹不显示，关闭监听node_modules文件夹，node_modules文件夹也消失不见了。不关闭排除node_modules文件夹，又会导致软件爆内存。 先看看自己这个是不是勾上了。 下面的情况是linux情况下遇到的，windows上没有遇到这情况，windows用户可以参考操作。 解决办法： 先在菜单栏文件 --> ...
webstorm恢复node_modules目录显示
weixin_37874063的博客
12-25 627
webstorm恢复node_modules目录显示
webstorm取消扫描某文件夹，加快打开速度，例如忽略node_modules目录
weixin_30369087的博客
04-10 598
方法1.如下图所示（只对当前项目有效） 或者 如果要使用这种方法，一种是还没安装依赖的时候先创建node_modules目录然后打开webstorm设置好excluded再安装；另一种是已经安装了依赖了，则删除.idea目录重新打开webstorm，就可以选择node_modules设置excluded。 方法2：（全局有效） 如上图所示添加node_modules目录...
webstorm忽略node_modules目录
weixin_30432179的博客
08-26 248
webstorm忽略node_modules目录 我在使用了cnpm后node_modules之前的层级目录变成了同一级目录，所以目录很多，造成webstorm读取时卡死。 网上大家列了各种方法，在这里我归纳一下！ 先给大家看看一些相关链接。 方法1.如下图所示（只对当前项目有效） 或者 如果要使用这种方法，一种是还没安装依赖的时候先创建node_modul...
Webstorm 使用搜不到node_modules下的JS内容 TS项目按Ctrl无法跳转到函数实现
王森的博客
04-09 370
Webstorm 使用搜不到node_modules下的JS内容 TS项目按Ctrl无法跳转到函数实现
webstorm占大量CPU，占大量内存问题
心依酒的专栏
07-08 8374
1.没有忽略node_modules 一般是这个问题，容易解决，在git的忽略配置文件中加上就好了。 2.git版本问题，我使用Git-2.31.1-64-bit有这个问题，后面按网上说的改为Git-2.19.0-64-bit。神奇的解决了。。。 ...
评论 8
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值