解决webstorm中因加载node_modules而很卡的问题

最新推荐文章于 2025-09-24 23:34:40 发布
翻译 最新推荐文章于 2025-09-24 23:34:40 发布 · 1.2k 阅读 · 0

本文提供了一套详细的WebStorm配置步骤，确保用户能够顺利避开初次使用时常见的坑，特别是关于如何正确处理带有node_modules的项目，避免不必要的麻烦。

终极步骤

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

然后进入

File —> Settings

进入设置界面后！

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

放图！！

 

 

彻底解决webstorm中加载node_modules卡死问题--不灵包赔
godkun的博客
08-05 1万+
终极步骤 随便打开webstorm，记住不要在第一次打开webstorm就打开带有node_modules的项目，除非你脑袋瓜生锈了。 然后进入File —> Settings 进入设置界面后！我自己亲自做了一张图，按照下面这张图，绝对能成功。放图！！
【WebStorm】node-modules
CharlynYanyan的博客
12-06 635
WebStorm复现目录不显示的文件 成功显示
IDEA/WebStorm 卡顿问题与启动参数调优指南
最新发布
★【World Of Moshow 郑锴】★
09-24 1602
《JetBrains IDE性能优化指南》针对IDEA/WebStorm卡顿问题，指出其Java应用本质导致性能依赖JVM参数。分析默认配置问题：堆内存小（1.5G/128M）、CodeCache不足（512M）、仅2个编译线程及低效GC策略。推荐优化方案包括：增大内存至16G/4G（视机器配置调整）、改用G1GC降低停顿、扩展CodeCache至1G、增加编译线程至4个、预分配内存等。特别建议32G+内存设备使用完整优化方案，需结合项目规模动态调整参数，科学配置。
【Vue3 + vite】打包问题
u011821842的博客
01-25 5276
rendering chunks (10)...
WebStorm导入项目一直在Loading Components的解决办法
Mikey_is_awesome的博客
07-12 1863
Settings->Appearance & Behavior->System Settings 取消勾选Project下的Reopen projects on startup后，重启WebStrom，再次打开项目
解决webstorm打开包含node_modules项目卡死问题
野蛮女孩的博客
12-08 1207
webstorm作为一个牛逼的前端编辑器，大家也都很熟悉，怎么用就不讲了，这里主要说一下这货容易卡的问题我新入手一小米pro，搞了个vue项目，打开居然发现一卡一卡的，简直不能忍，罪魁祸首就是这个叫node_modules的东西怎么搞嘞，先打开个空的webstorm，或者新建个空文件夹打开，好，这个时候，我们就来给他搞一番事情首先file -> setting打开设置面板然后点开editor -> File Types，右下方会出现一个输入框，在后面加上node_modules; 如图
nodejs Module加载机制
lifugui001的专栏
06-26 460
Require加在module机制详解加载文件类型加载流程图加载文件加载module 加载文件类型 node中的文件和模块是一一对应的。一个node.js文件就是一个模块，但是这个文件可能是js代码，JSON或者编译过的C/C++拓展 加载流程图 加载顺序和流程如下图所示，已经加载过的文件会直接缓存起来，下次再require会直接从缓存加载。 加载文件 加载module 如果 X 是内置模块 a. 返回内置模块 b. 停止执行 如果 X 以 ‘/’ 开头 a. 设置 Y 为文件根路径 如果 X 以
webstorm查不到node_model
02-23
### 解决 WebStorm 中无法找到 `node_modules` 的问题 当遇到 WebStorm 无法识别 `node_modules` 文件夹中的模块时，通常是因为 IDE 尚未正确配置或索引这些文件。以下是几种常见的解决方案： #### 配置 Node.js ...
> 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. **更新或降级依赖**：如果某个依赖包的最新版本存在兼容性问题，可能...
in ./node_modules/element-ui/node_modules/deepmerge/dist/cjs.js Syntax Error: no such file or directory, open 'D:\xingwang\vue-admin-template\node_modules\element-ui\node_modules\deepmerge\dist\cjs.js' @ ./node_modules/element-ui/lib/locale/index.js 14:17-37 @ ./node_modules/element-ui/lib/element-ui.common.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://192.168.8.250:9528&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js
04-26
需要一步步引导用户尝试这些方法，并观察是否解决问题。同时，提醒用户在操作前备份项目，以防万一。在使用Element-UI时出现`deepmerge`模块缺失错误，通常由依赖安装不完整或版本冲突导致。以下是逐步解决方案： -...
WebStorm中npm报错及Node Sass问题解决方案
在使用WebStorm进行Vue前端项目开发的过程中，开发者经常会遇到与npm相关的各种报错问题，尤其是在Windows 10操作系统环境下。本文围绕“WebStorm npm报错解决”这一核心主题，深入剖析了从环境搭建、依赖安装到具体...
npm ERR! code ENOTEMPTY npm ERR! syscall rename npm ERR! path /www/wwwroot/chat-system/client/node_modules/eslint npm ERR! dest /www/wwwroot/chat-system/client/node_modules/.eslint-xzclcgLl npm ERR! errno -39 npm ERR! ENOTEMPTY: directory not empty, rename '/www/wwwroot/chat-system/client/node_modules/eslint' -> '/www/wwwroot/chat-system/client/node_modules/.eslint-xzclcgLl'
09-08
如果以上步骤仍然无法解决问题，可以尝试使用`yarn`代替`npm`： ```bash yarn install ``` ### 预防措施 为了防止类似问题再次发生，建议： - 在安装依赖前关闭所有可能占用`node_modules`的程序（如IDE、文件...
WebStorm不显示node_modules
菜学匠的小窝
05-28 1127
在使用WebStorm开发的时候，node_modules文件夹不显示，关闭监听node_modules文件夹，node_modules文件夹也消失不见了。不关闭排除node_modules文件夹，又会导致软件爆内存。 先看看自己这个是不是勾上了。 下面的情况是linux情况下遇到的，windows上没有遇到这情况，windows用户可以参考操作。 解决办法： 先在菜单栏文件 --> ...
webstorm恢复node_modules目录显示
weixin_37874063的博客
12-25 881
webstorm恢复node_modules目录显示
webstorm取消扫描某文件夹，加快打开速度，例如忽略node_modules目录
weixin_30369087的博客
04-10 631
方法1.如下图所示（只对当前项目有效） 或者 如果要使用这种方法，一种是还没安装依赖的时候先创建node_modules目录然后打开webstorm设置好excluded再安装；另一种是已经安装了依赖了，则删除.idea目录重新打开webstorm，就可以选择node_modules设置excluded。 方法2：（全局有效） 如上图所示添加node_modules目录...
webstorm忽略node_modules目录
weixin_30432179的博客
08-26 273
webstorm忽略node_modules目录 我在使用了cnpm后node_modules之前的层级目录变成了同一级目录，所以目录很多，造成webstorm读取时卡死。 网上大家列了各种方法，在这里我归纳一下！ 先给大家看看一些相关链接。 方法1.如下图所示（只对当前项目有效） 或者 如果要使用这种方法，一种是还没安装依赖的时候先创建node_modul...
解决webstrom卡顿问题(禁止加载node_modules目录和解决内存溢出)
zoro的博客
07-03 1404
禁止webstrom加载node_modules目录 file-settings-editor-file types 最下面一行里面写上node_modules。 解决webstorm内存溢出 找到webstrom安装目录bin文件夹下的webstorm64.exe.vmoptions和webstorm.exe.vmoptions文件 修改以下两个参数 结果如下： -Xms526m ...
Webstorm 使用搜不到node_modules下的JS内容 TS项目按Ctrl无法跳转到函数实现
王森的博客
04-09 473
Webstorm 使用搜不到node_modules下的JS内容 TS项目按Ctrl无法跳转到函数实现
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值