IntelliJ访问CommonJS默认导出对象点语法报未解析变量问题

• IDE静态解析逻辑的限制：IntelliJ/PhpStorm这类IDE对模块的类型推断依赖静态代码分析，如果你导入的模块是已经被Babel转译后的CommonJS版本（比如存放在node_modules下的预编译包），IDE会优先读取package.json中main字段指向的编译后代码做解析。Babel转译ES6默认导出得到的CommonJS代码里，默认导出挂载在exports["default"]上，而IDE对CommonJS和ES模块的interop导入逻辑的静态推断存在缺陷，无法准确关联转译后代码里的_default对象属性和你导入的textConstants变量的结构，因此无法识别SOME_CONSTANT是该变量下的合法属性。
• 两种属性访问语法的检查规则差异：IDE对.点语法的属性访问执行严格的静态检查，只有确认属性存在于变量的已知类型结构中才不会报错；而[]方括号语法本身被归类为动态属性访问，支持传入任意字符串/变量作为属性名，IDE默认不会对这类动态访问做强校验，哪怕你传入的是字符串字面量，检查规则也会放松，因此不会触发unresolved variable警告。

• 如果是本地开发的模块，在IDE中将模块的源码目录标记为「Sources Root」，同时在package.json中配置module字段指向ES6原始代码的入口，IDE会优先读取ES6版本的代码做解析，就能正确识别对象属性。
• 给模块添加对应的TypeScript类型声明文件（.d.ts），明确定义导出对象的结构，IDE读取类型声明后就能正确识别属性。
• 也可以在IDE的检查设置中调低JavaScript未解析属性的警告级别，不过不推荐这种屏蔽问题的处理方式。

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