javascript - 类型错误 : expected parameter accessToken in react Js

Question

错误截图:

通过npm start运行react项目时，它显示与contentful.js相关的错误。为什么包会显示这些类型的错误？我在这篇文章中附上了屏幕截图。如何解决这个问题？

.env 文件

CONTENTFUL_ACCESS_TOKEN: process.env.REACT_APP_CONTENTFUL_ACCESS_TOKEN,

配置文件

import SETTINGS from "../env";
const contentfulClient = contentful.createClient({
  space: SETTINGS.CONTENTFUL_SPACE,
  accessToken: SETTINGS.CONTENTFUL_ACCESS_TOKEN
});

我需要在任何地方输入 API token 吗？

.env

const SETTINGS = {
  LANDING_BLOG_POSTS: "",
  ICON_TYPE: "svg",
  CONTENTFUL_SPACE: process.env.REACT_APP_CONTENTFUL_SPACE,
  CONTENTFUL_ACCESS_TOKEN: process.env.REACT_APP_CONTENTFUL_ACCESS_TOKEN,
  CLOUDINARY_UNSIGNED_PRESET: process.env.REACT_APP_CLOUDINARY_UNSIGNED_PRESET,
  CLOUDINARY_CLOUD_NAME: process.env.REACT_APP_CLOUDINARY_CLOUD_NAME,
  SERVER_7CHIP: process.env.REACT_APP_SERVER_7HIP || false,
    HARD_CODED_USERNAME: process.env.REACT_APP_TOKEN_USERNAME || "**********",
  HARD_CODED_PASSWORD: process.env.REACT_APP_TOKEN_PASSWORD || "************",
  FACEBOOK_API_ID: process.env.REACT_APP_FACEBOOK_APP_ID,
  FACEBOOK_PAGE_TOKEN: process.env.REACT_APP_FACEBOOK_PAGE_TOKEN,
  FACEBOOK_PAGE_ID: process.env.REACT_APP_FACEBOOK_PAGE_ID || "**************",
  FACEBOOK_SERVER_CALL: true
};
export default  SETTINGS;

Answer 1

由于您的代码已进入 createClient 函数，这告诉我您的 SETTINGS 对象正在加载(否则您会从 accessToken: SETTINGS.CONTENTFUL_ACCESS_TOKEN)。但是，错误消息显示未提供 accessToken。

因此 SETTINGS.CONTENTFUL_ACCESS_TOKEN 为 undefined、null 或空字符串。由于该值设置为 process.env.REACT_APP_CONTENTFUL_ACCESS_TOKEN，这可能意味着您在运行程序之前尚未设置 REACT_APP_CONTENTFUL_ACCESS_TOKEN 环境变量。

尝试将该环境变量设置为您的访问 token 值，然后运行该程序。

如果有效，您可能需要重新考虑该方法。您有一个“env”文件，但正在从系统环境变量中获取值。通常您有一个“env”文件，以便您可以将值硬编码到其中，而不是依赖于外部设置。如果必须在外部设置它们，您最好不要使用“env”文件，而直接在代码中使用 process.env.VARIABLE_NAME 。

请注意，如果您在“env”文件中硬编码访问 token 或其他私有(private)信息，则应将该文件添加到 .gitignore 中，以便密码/ key 不会存储在 git.