类型错误:React Js中预期的参数accessToken

错误截图:

类型错误:React Js中预期的参数accessToken

在运行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令牌吗?

.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;
liuxi5437 回答:类型错误:React Js中预期的参数accessToken

您在与package.json文件相同的位置创建了.env.development文件。

希望,这会对您有所帮助。

,

由于您的代码已深入到createClient函数中,因此可以告诉您正在加载SETTINGS对象(否则,您将从accessToken: SETTINGS.CONTENTFUL_ACCESS_TOKEN中收到TypeError)。但是,错误消息显示没有提供accessToken

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

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

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

请注意,如果您在“ env”文件中对访问令牌或其他私人信息进行硬编码,则应将该文件添加到.gitignore中,以使密码/密钥不会存储在git中。

本文链接:https://www.f2er.com/3135586.html

大家都在问