类型错误：React Js中预期的参数accessToken
尼丁M
错误截图：
在运行react project by时npm start，它显示与错误有关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;
永远学习
由于您的代码已经深入到createClient函数中，因此可以告诉我您正在加载SETTINGS对象（否则，您将收到的TypeError accessToken: SETTINGS.CONTENTFUL_ACCESS_TOKEN）。但是错误消息说没有accessToken提供。
因此SETTINGS.CONTENTFUL_ACCESS_TOKEN为undefined，null或为空字符串。由于将该值设置process.env.REACT_APP_CONTENTFUL_ACCESS_TOKEN为此值，可能意味着您REACT_APP_CONTENTFUL_ACCESS_TOKEN在运行程序之前尚未设置环境变量。
尝试将该环境变量设置为您的访问令牌值，然后运行该程序。
如果可行，您可能需要重新考虑该方法。您有一个“ env”文件，但正在从系统环境变量获取值。通常，您有一个“ env”文件，以便您可以将值硬编码到其中，而不必依赖于在外部设置它们。如果必须在外部进行设置，则最好不要使用“ env”文件，而process.env.VARIABLE_NAME直接在代码中使用即可。
请注意，如果您在“ env”文件中对访问令牌或其他私人信息进行硬编码，则应将该文件添加到，.gitignore以免密码/密钥存储在中git。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
C中的“预期的指针”和“冲突的参数类型”错误
- 2
用Typescript编写的React应用中的错误参数类型
- 3
对Nuxt.JS“预期参数accessToken”满意
- 4
JS错误：错误：预期参数'cancellable'的对象类型为GCancellable，但字符串类型为
- 5
错误：参数值与预期类型不匹配
- 6
错误：参数值与预期类型不匹配
- 7
如何在React中解决API提取和类型错误
- 8
类型错误：无法读取 React 组件中的 null 属性
- 9
Haskell错误，预期类型
- 10
预期类型的 GMSPlace 错误
- 11
Haskell代码中预期的类型错误
- 12
Haskell代码中预期的类型错误
- 13
预期类型参数，找到 &A 预期 A
- 14
React JS应用程序出现错误-错误：元素类型无效
- 15
Docker 和 nginx 中的 Django 和 React 开发，错误的 MIME 类型错误
- 16
类型参数原因错误
- 17
流星+ React错误元素类型无效：预期为字符串（对于内置组件）
- 18
React useState hooks错误：无法将类型“ xxx”的参数分配给类型“ SetStateAction <xx>”的参数
- 19
React Component上的打字稿错误：无法将'Element'类型的参数分配给该类型的参数
- 20
预期的'const char *'，但参数在C中的类型为'char **'
- 21
AFNetworking预期的内容类型错误
- 22
Ionic React，错误“类型参数不可分配”以获得正确的代码
- 23
如何使用react和typescript修复boolean或undefined类型的错误参数？
- 24
函数参数中的尴尬PHP类型错误
- 25
类型错误：无法读取未定义的属性“中心”（Three.js + React.js）
- 26
类型错误：this.$el.DataTable 不是函数（REACT.JS）
- 27
快速使用.filter（）：错误：无法将类型'（[[V]）-> Bool'的值转换为预期的参数类型'（[__））-> Bool'
- 28
Swift错误：无法将“ ArraySlice”类型的值转换为预期的参数类型
- 29
错误：参数类型为“日期？” 不符合预期的类型“ ReferenceConvertible”
我来说两句