Javascript 对象属性的VS代码自动完成

我有以下

env.js

js文件：

const env = {
    ENV: process.env.NODE_ENV,
    DEBUG:
        (process.env.REACT_APP_DEBUG == 1 ||
        process.env.REACT_APP_DEBUG === "true"),
    PUBLIC_URL: process.env.PUBLIC_URL
};

export default env;

当我将其导入另一个文件并尝试引用

env

的对象属性时：

import env from "./env";

const DEBUG = env.<I start typing and I do not see any autocomplete for ENV, DEBUG or PUBLIC_URL>

我还注意到，如果我将

env.js

更改为：

export default {
    ENV: process.env.NODE_ENV,
    DEBUG:
        (process.env.REACT_APP_DEBUG == 1 ||
        process.env.REACT_APP_DEBUG === "true"),
    PUBLIC_URL: process.env.PUBLIC_URL
}

然后自动完成工作：

import env from "./env";

const DEBUG = env.<I start typing and I see the autocomplete for ENV, DEBUG or PUBLIC_URL>

从“/env”导入环境；
const DEBUG=env。

为什么它在第二种情况下有效而在第一种情况下无效

import env from "./env";

const DEBUG = env.<I start typing and I see the autocomplete for ENV, DEBUG or PUBLIC_URL>