VSCode组件自动补全正常，IntelliJ中失效问题排查

核心原因 #

• 非node_modules目录解析优先级低：IntelliJ的IntelliSense对node_modules下的包有专门的解析逻辑，你的自定义库从本地modules/myModule/dist导入，不属于标准npm包路径，IDE默认不会深度解析该目录下的编译后文件。
• 编译时丢失注释/PropTypes结构：打包工具（如Webpack、Rollup）在npm run build时若开启了压缩、注释移除或tree-shaking，会剥离PropTypes上的文档注释，或混淆PropTypes结构，导致IntelliJ无法识别。而src目录是未编译源码，注释和结构完整，所以提示正常。
• IDE插件配置缺失：IntelliJ可能未将本地库目录标记为可解析的JavaScript库，或2022.3版本的React插件存在编译后组件解析的bug。

解决方案 #

• 通过npm link关联到node_modules
  在自定义库根目录执行：

  npm link
  

  然后在项目目录执行：

  npm link @myModule
  

  之后用@myModule/dist/myComponent/MyComponent导入，IntelliJ会像处理普通npm包一样解析PropTypes和文档。
• 调整打包配置保留注释与PropTypes
  • 若用Rollup：确保output.preserveModules设为true，禁用移除注释的插件，或添加@rollup/plugin-preserve-shebang保留必要元信息。
  • 若用Webpack：在terser-webpack-plugin配置中设置extractComments: false，避免剥离注释；同时确保未开启会破坏PropTypes结构的压缩选项。
• 手动配置IntelliJ识别本地库
  打开Settings > Languages & Frameworks > JavaScript > Libraries，点击+选择modules/myModule/dist目录，将其标记为JavaScript library并启用，让IDE主动解析该目录下的文件。
• 升级IDE或React插件
  2022.3版本可能存在编译后组件解析的bug，尝试升级到最新版IntelliJ旗舰版，或更新React插件至最新版本。

内容的提问来源于stack exchange，提问作者Claim