Teams App not picking up env variables from .env.teamsfx.local while running locally, process.env is an empty object

Question

Teams App not picking up env variables from .env.teamsfx.local (files generated automatically by toolkit) while running locally, process.env is an empty object. Below are the scripts from package.json:

"start": "env-cmd --silent -f .env.teamsfx.local react-scripts start",
"build": "env-cmd --silent -f .env.teamsfx.local react-scripts build",

This works when I create a new .env file but does not pick-up env variables from .env.teamsfx.local file.

Note: package.json and env files are in the same directory i.e root directory

Answer 1

You can follow the steps to solve your problem:

1. Add a script "dev:teamsfx": "env-cmd --silent -f .env.teamsfx.local npm run start" in package.json.
2. Update the "Start Frontend" task like this: https://github.com/OfficeDev/TeamsFx-Samples/blob/dev/hello-world-tab/.vscode/tasks.json#L35-L44

Thanks,
Nivedipa

---

If the response is helpful, please click "Accept Answer" and upvote it. You can share your feedback via Microsoft Teams Developer Feedback link. Click here to escalate.