InterlliJ: CommonJS导出不能通过点符号访问的默认对象属性

Question

给定以下导入内容…

"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var _default = {
SOME_CONSTANT: 'Some constant text'
};
exports["default"] = _default;

…

export default {
SOME_CONSTANT: 'Some constant text'
}

…为什么我的IDE (PHPStorm/IntelliJ)将以下(点符号)报告为unresolved variable…?

import textConstants from 'package-name/path/to/textConstants'
console.log(textConstants.SOME_CONSTANT)

如果我把它转换成(括号符号)…

console.log(textConstants["SOME_CONSTANT"])

…检查满意，无警示。

为什么?

Answer 1

看起来像是添加了…

{ "modules": false }

…到我的.babelrc文件中作为"@babel/preset-env"预置的一个选项就可以了。

所以我的。babelrc文件的内容是…

{
"presets": [
["@babel/preset-env", { "modules": false }]
]
}

…而我的开发依赖包。

{
"devDependencies": {
"@babel/cli": "^7.15.4",
"@babel/core": "^7.15.5",
"@babel/preset-env": "^7.15.6"
}
}