Dado el siguiente contenido de una importación...
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports["default"] = void 0; var _default = { SOME_CONSTANT: 'Some constant text' }; exports["default"] = _default;...transpilado de una exportación ES6 original a través de babel...
export default { SOME_CONSTANT: 'Some constant text' } ... ¿por qué mi IDE (PHPStorm/IntelliJ) informaría lo siguiente (notación de puntos) como unresolved variable ...?
import textConstants from 'package-name/path/to/textConstants' console.log(textConstants.SOME_CONSTANT)Si lo convierto a (notación de paréntesis)...
console.log(textConstants["SOME_CONSTANT"])...las inspecciones quedan satisfechas, no se muestra ninguna advertencia.
¿Por qué?
Parece agregar...
{ "modules": false } ... a mi archivo .babelrc como una opción para el "@babel/preset-env" hace el truco.
Así que el contenido de mi archivo .babelrc es...
{ "presets": [ ["@babel/preset-env", { "modules": false }] ] }...mientras que mis dependencias de desarrollo en el archivo package.json son...
{ "devDependencies": { "@babel/cli": "^7.15.4", "@babel/core": "^7.15.5", "@babel/preset-env": "^7.15.6" } }