Javascript 为什么我的环境变量在react中未定义？

我想将key和base变量保留在.env中，但当我将它们分配给.env和console.log时，它的变量是未定义的

应用程序文件

# App.js
import './style/App.css';
import Main from './components/Main';
import './style/Search.css'
import { useState } from 'react';
import Error from './components/Error';
import api from './config'

function App() {
  console.log(process.env.REACT_APP_KEY)


  return (
    <div>
       
    </div>
  );
}

export default App;

---

所以我解决这个问题的方法是做以下的

安装dotenv包“npm i dotenv”

然后您必须导入它并对其进行配置，如下所示

从“dotenv”导入dotenv
dotenv.config（）
3.然后您应该能够使用您的env变量

---

注意：每次导入新的env变量时都应重新启动npm服务器

当React在浏览器中运行时，没有

进程

@FZs如果OP使用捆绑程序，则process.env可能存在。只是他可能想用这样的东西->当我在netlify上托管它并添加环境变量时，它也不起作用。

# .env

REACT_APP_KEY=somevalue123
REACT_APP_BASE=somelink