React.env.environment 文件的变量不起作用

Question

我将我的反应应用程序与 Contentful 的数据库连接起来。 当我直接提供访问密钥时，它工作正常。 但是当我在.env.environment文件中提供访问密钥时，该变量不起作用。

contentful.js文件：

import {createClient} from 'contentful';

export default createClient({
  space: process.env.REACT_APP_API_SPACE,
  accessToken: process.env.REACT_APP_ACCESS_TOKEN
});

.env.enviroment文件：

 REACT_APP_API_SPACE= my access key
 REACT_APP_ACCESS_TOKEN= my access token

控制台错误：

Uncaught TypeError: Expected parameter accessToken
at createClient (contentful.node.js:7563)
at Object.<anonymous> (Contentful.js:3)
at __webpack_require__ (bootstrap fafcbb2b670a4f50dfbb:555)
at fn (bootstrap fafcbb2b670a4f50dfbb:86)
at Object.<anonymous> (context.js:5)
at __webpack_require__ (bootstrap fafcbb2b670a4f50dfbb:555)
at fn (bootstrap fafcbb2b670a4f50dfbb:86)
at Object.<anonymous> (FeaturedRooms.js:2)
at __webpack_require__ (bootstrap fafcbb2b670a4f50dfbb:555)
at fn (bootstrap fafcbb2b670a4f50dfbb:86)

但是当我直接在我的 contentful.js 文件中提供访问密钥时，它工作正常，如下所示：

import {createClient} from 'contentful';

export default createClient({
  space: my access key,
  accessToken: my access token
});

当我上传到 Git 时，我不想直接给出密钥。

Answer 1

#if 使用create-react-app

我认为您不能像create-react-app.dev那样命名您的.env文件

• .env ：默认值。
• .env.local ：本地覆盖。 为除 test 之外的所有环境加载此文件。
• .env.development 、 .env.test 、 .env.production ：特定于环境的设置。
• .env.development.local 、 .env.test.local 、 .env.production.local ：环境特定设置的本地覆盖。

因此，默认情况下，您的.env.environment env 文件不应该工作。 除非你以某种方式修改。

重新启动服务器

如果是这样，请不要忘记按照此说明重新启动服务器，

注意：更改.env文件后需要重新启动开发服务器。