当我将 3 个 API 密钥添加到 .env 文件中时，一个 api 在控制台上的 React.js 中不起作用？

Question

REACT_APP_API_KEY = xxxxxxxxxxxxxxxxxxxxx
REACT_APP_TEMPLATE_ID = xxxxxxxxxxxxxxxxx
REACT_APP_SERVICE_ID = xxxxxxxxxxxxxxxxxx

• I put all the above code into.env file of react.js project

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 = () => {....

-When I console I got only two values ie api_key and service_id, template_id is undefined why?

Answer 1

You could need to install dotenv

And require it on the top of your application

require('dotenv').config()