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文件后需要重新啟動開發服務器。