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

最新推荐文章于 2025-04-09 17:42:49 发布
翻译 最新推荐文章于 2025-04-09 17:42:49 发布 · 1.2k 阅读 · 0

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

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

终极步骤

随便打开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性能
最新发布
四荒八极的博客
04-29 3436
默认情况下，WebStorm会在你输入代码时进行分析，并高亮显示当前文件中发现的所有问题。它的主要目标是减少IDE的总体索引时间和CPU使用率，因此请确保在“Settings | Plugins”的“Installed”选项卡上启用了Shared Project Indexes插件。可以转到“Settings | Editor | Inspections”，找到“未使用的全局符号检查（Unused global symbol）”，取消选中。这些插件支持我们大多数用户的应用场景，但你不需要的插件可以禁用。
彻底解决webstorm中加载node_modules卡死问题--不灵包赔
热门推荐
godkun的博客
08-05 1万+
终极步骤 随便打开webstorm，记住不要在第一次打开webstorm就打开带有node_modules的项目，除非你脑袋瓜生锈了。 然后进入File —> Settings 进入设置界面后！我自己亲自做了一张图，按照下面这张图，绝对能成功。放图！！
【WebStorm】node-modules
CharlynYanyan的博客
12-06 562
WebStorm复现目录不显示的文件 成功显示
WebStorm导入项目一直在Loading Components的解决办法
Mikey_is_awesome的博客
07-12 1796
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; 如图
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. **更新或降级依赖**：如果某个依赖包的最新版本存在兼容性问题，可能...
> jeecgboot-vue3@3.7.3 dev G:\JEECG\JeecgBoot\jeecgboot-vue3 > vite failed to load config from G:\JEECG\JeecgBoot\jeecgboot-vue3\vite.config.ts error when starting dev server: Error: spawn EPERM at ChildProcess.spawn (node:internal/child_process:421:11) at Object.spawn (node:child_process:761:9) at ensureServiceIsRunning (G:\JEECG\JeecgBoot\jeecgboot-vue3\node_modules\.pnpm\esbuild@0.25.1\node_modules\esbuild\lib\main.js:1982:29) at build (G:\JEECG\JeecgBoot\jeecgboot-vue3\node_modules\.pnpm\esbuild@0.25.1\node_modules\esbuild\lib\main.js:1880:26) at bundleConfigFile (file:///G:/JEECG/JeecgBoot/jeecgboot-vue3/node_modules/.pnpm/vite@6.2.2_@types+node@20.1_2ea54a8e478782d04387418e96d5b3cc/node_modules/vite/dist/node/chunks/dep-B0fRCRkQ.js:54498:24) at async bundleAndLoadConfigFile (file:///G:/JEECG/JeecgBoot/jeecgboot-vue3/node_modules/.pnpm/vite@6.2.2_@types+node@20.1_2ea54a8e478782d04387418e96d5b3cc/node_modules/vite/dist/node/chunks/dep-B0fRCRkQ.js:54482:19) at async loadConfigFromFile (file:///G:/JEECG/JeecgBoot/jeecgboot-vue3/node_modules/.pnpm/vite@6.2.2_@types+node@20.1_2ea54a8e478782d04387418e96d5b3cc/node_modules/vite/dist/node/chunks/dep-B0fRCRkQ.js:54445:44) at async resolveConfig (file:///G:/JEECG/JeecgBoot/jeecgboot-vue3/node_modules/.pnpm/vite@6.2.2_@types+node@20.1_2ea54a8e478782d04387418e96d5b3cc/node_modules/vite/dist/node/chunks/dep-B0fRCRkQ.js:53944:24) at async _createServer (file:///G:/JEECG/JeecgBoot/jeecgboot-vue3/node_modules/.pnpm/vite@6.2.2_@types+node@20.1_2ea54a8e478782d04387418e96d5b3cc/node_modules/vite/dist/node/chunks/dep-B0fRCRkQ.js:43845:18) at async CAC.<anonymous> (file:///G:/JEECG/JeecgBoot/jeecgboot-vue3/node_modules/.pnpm/vite@6.2.2_@types+node@20.1_2ea54a8e478782d04387418e96d5b3cc/node_modules/vite/dist/node/cli.js:750:20)  ELIFECYCLE  Command failed with exit code 1.
03-20
根据错误日志，问题出在vite加载配置文件时，esbuild无法生成子进程，导致权限问题。 首先，常见的EPERM错误可能涉及到文件或目录的权限问题。用户的项目路径是G盘下的JEECG目录，可能这个目录的权限设置有问题，...
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'。根据提供的引用内容，我找到了一些可能有助于解决这个...
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 以
WebStorm不显示node_modules
菜学匠的小窝
05-28 955
在使用WebStorm开发的时候，node_modules文件夹不显示，关闭监听node_modules文件夹，node_modules文件夹也消失不见了。不关闭排除node_modules文件夹，又会导致软件爆内存。 先看看自己这个是不是勾上了。 下面的情况是linux情况下遇到的，windows上没有遇到这情况，windows用户可以参考操作。 解决办法： 先在菜单栏文件 --> ...
webstorm恢复node_modules目录显示
weixin_37874063的博客
12-25 630
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 372
Webstorm 使用搜不到node_modules下的JS内容 TS项目按Ctrl无法跳转到函数实现
webstorm占大量CPU，占大量内存问题
心依酒的专栏
07-08 8378
1.没有忽略node_modules 一般是这个问题，容易解决，在git的忽略配置文件中加上就好了。 2.git版本问题，我使用Git-2.31.1-64-bit有这个问题，后面按网上说的改为Git-2.19.0-64-bit。神奇的解决了。。。 ...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值