Reactjs &引用；ReferenceError:未定义流程"；在WebStorm调试器中

我的react组件中有一个非常简单的函数，我正在调试它：

function login(username, password) {
    const requestOptions = {
        method: 'GET',
        headers: {'Authorization': "Basic " + btoa(username + ":" + password)}
    };
    console.log("REACT_APP_API_ROOT: " + process.env.REACT_APP_API_ROOT)
    return fetch(process.env.REACT_APP_API_ROOT + '/user/current', requestOptions)
        .then(handleResponse)
        .then(usr => {
            if (usr) {
                let user = {};
                user.username = usr.principal.username;
                user.authdata = window.btoa(username + ':' + password);
                localStorage.setItem('user', JSON.stringify(user));
                return user;
            } else {
                return null;
            }
        });
}

我想在调试器（WebStorm，v.2020.1）中查看

process.env.REACT\u APP\u API\u ROOT

属性的当前值，但我得到以下错误：

错误全文：

ReferenceError: process is not defined
    at eval (eval at login (http://localhost:3000/static/js/main.chunk.js:2382:3), <anonymous>:1:1)
    at Object.login (http://localhost:3000/static/js/main.chunk.js:2382:3)
    at Login.handleSubmit (http://localhost:3000/static/js/main.chunk.js:2175:71)
    at HTMLUnknownElement.callCallback (http://localhost:3000/static/js/0.chunk.js:78334:18)
    at Object.invokeGuardedCallbackDev (http://localhost:3000/static/js/0.chunk.js:78383:20)
    at invokeGuardedCallback (http://localhost:3000/static/js/0.chunk.js:78437:35)
    at invokeGuardedCallbackAndCatchFirstError (http://localhost:3000/static/js/0.chunk.js:78452:29)
    at executeDispatch (http://localhost:3000/static/js/0.chunk.js:78585:7)
    at executeDispatchesInOrder (http://localhost:3000/static/js/0.chunk.js:78610:9)
    at executeDispatchesAndRelease (http://localhost:3000/static/js/0.chunk.js:78715:9)
    at executeDispatchesAndReleaseTopLevel (http://localhost:3000/static/js/0.chunk.js:78724:14)
    at forEachAccumulated (http://localhost:3000/static/js/0.chunk.js:78696:12)
    at runEventsInBatch (http://localhost:3000/static/js/0.chunk.js:78741:7)
    at runExtractedPluginEventsInBatch (http://localhost:3000/static/js/0.chunk.js:78887:7)
    at handleTopLevel (http://localhost:3000/static/js/0.chunk.js:84142:9)
    at batchedEventUpdates (http://localhost:3000/static/js/0.chunk.js:80393:16)
    at dispatchEventForPluginEventSystem (http://localhost:3000/static/js/0.chunk.js:84242:9)
    at dispatchEvent (http://localhost:3000/static/js/0.chunk.js:84272:9)
    at unstable_runWithPriority (http://localhost:3000/static/js/0.chunk.js:121600:16)
    at runWithPriority$2 (http://localhost:3000/static/js/0.chunk.js:89805:14)
    at discreteUpdates$1 (http://localhost:3000/static/js/0.chunk.js:100906:16)
    at discreteUpdates (http://localhost:3000/static/js/0.chunk.js:80411:16)
    at dispatchDiscreteEvent (http://localhost:3000/static/js/0.chunk.js:84225:7)

---

如何在调试器中查看

process.env.REACT\u APP\u API\u ROOT

属性的值？

process

仅在使用Node.js运行的控制台应用程序中定义，REACT应用程序在浏览器中运行，因此

process

在运行时不可用。 当您运行应用程序时，它对您有效，因为代码是由预处理的，它将所有出现的

process.env

替换为字符串值

---

有关更多信息，请参见

流程

仅在使用Node.js运行的控制台应用程序中定义，而React应用程序在浏览器中运行，因此运行时无法使用

流程

。 当您运行应用程序时，它对您有效，因为代码是由预处理的，它将所有出现的

process.env

替换为字符串值

有关更多信息，请参阅

REACT_APP_API_ROOT: http://localhost:8080