reactjs - 收到错误 : TypeError: fs. readFileSync 不是函数

标签 reactjs dotenv

出现错误:TypeError: fs.readFileSync is not a function 当我尝试使用从 .env 文件获取值时,有人可以帮助我为什么会出现此错误吗?在这里我已经上传了我的代码,有人可以帮我解决这个问题吗?任何帮助将不胜感激。

const dotenv = require('dotenv').config();
const fs = require('fs');
const envConfig = dotenv.parse(fs.readFileSync('.env'))
for (const k in envConfig) {
  process.env[k] = envConfig[k]
}

最佳答案

首先我想提醒一下,fs 在浏览器中不起作用。这是为了保护您的文件系统免受潜在的安全威胁而设计的。

您在创建ReactJs项目时使用过create-react-app吗?

如果是这种情况,以下解决方案将解决此问题。

In your .env file, you have to append REACT_APP_ to all env variables to make it work.

Don't forget to restart your server after changing it.

例如:

这有效 -

REACT_APP_MYVAR=yourSecret

这不是

MYVAR=yourSecret

您可以在此处阅读引用链接。 https://create-react-app.dev/docs/adding-custom-environment-variables/

关于reactjs - 收到错误 : TypeError: fs. readFileSync 不是函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/64045771/

相关文章:

javascript - 如何连接到数组中的 'indexed' 对象

javascript - React Router 4 类型无效

reactjs - Cypress 中的 process.env 空对象

node.js - 在 Kubernetes 中将 secret 作为环境变量访问

javascript - 如何在 NodeJS/Express 应用程序中隐藏凭据?

javascript - 防止 material-ui 弹出元素的自动对焦

reactjs - 如何将 react native 复选框与 formik 集成

reactjs - 将多个堆栈导航器中常见的所有屏幕放在哪里? - react 导航 v5

node.js - 从自定义路径预加载 env 文件