当我将3个API键添加到.env文件中时，一个API在控制台上的React.js中不工作

Question

REACT_APP_API_KEY = xxxxxxxxxxxxxxxxxxxxx
REACT_APP_TEMPLATE_ID = xxxxxxxxxxxxxxxxx
REACT_APP_SERVICE_ID = xxxxxxxxxxxxxxxxxx

• 我把上面所有的代码都放进了react.js项目的.env文件中

const API_KEY = process.env.REACT_APP_API_KEY;
const SERVICE_KEY = process.env.REACT_APP_SERVICE_ID;
const TEMPLATE_ID = process.env.REACT_APP_TEMPLATE_ID;
console.log(API_KEY,SERVICE_KEY,TEMPLATE_ID)
const Contact = () => {....

-当我控制台时，我只得到两个值，即api_key和service_id，template_id是未定义的，为什么？

Answer 1

您可能需要安装dotenv

并要求将其放在应用程序的顶部

require('dotenv').config()