Ionic 6结合React开发时环境变量配置问题求助

问题描述 #

我刚开始学习Ionic，在配置环境变量时遇到问题：

• 在项目根目录创建了env.local文件
• 文件内写入了REACT_APP_API:'...'
• 已经停止并重启了开发服务器
• 但执行console.log(process.env.REACT_APP_API)时，输出结果为undefined而非预期的API地址

请问我在Ionic中的用法是否有误？

解决方案 #

问题出在env.local文件的语法格式上。原写法REACT_APP_API:'...'不符合环境变量的标准定义规则，需要修改为无引号、无冒号的键值对格式：

REACT_APP_API=你的API地址

修改后重启开发服务器，即可正常通过process.env.REACT_APP_API读取到环境变量的值。（此方案来自@MarcoKlein的建议）

内容的提问来源于stack exchange，提问作者Uria Levi