访问commerce.js公钥时，在Reaction中未定义获取TypeError：T [英] Getting an TypeError: t is undefined in React while accessing commerce.js public key

问题描述

我试图在Reaction中访问commercejs库的公钥。但我没有做到这一点，并遇到了这个错误。我无法理解为什么会出现此错误。

srclibcommerce.js

import Commerce from '@chec/commerce.js';

export const commerce = new Commerce(process.env.REACT_APP_CHEC_PUBLIC_KEY, true);

srcApp.js

import React, {useState, useEffect} from 'react';
import {Products, Navbar} from './components';
import {commerce} from './lib/commerce';
const App = () => {
    
    const [products, setProducts] = useState([]);

    const fetchProducts = async () => {
        const {data} = await commerce.products.list();
    
        setProducts(data);
    }

    useEffect(() => {
        fetchProducts();
    })

    console.log(products);

    return (
        <div>
            <Navbar/>
            <Products/>
        </div>
    )
}

export default App;

错误

TypeError：%t未定义 E node_modules/@chec/commerce.js/lib/index.js:1

推荐答案

来自Commerce.js此处的Robbie。我们在学习本教程的过程中遇到了一些问题，因此这里有几个需要注意的事项：

1. 确保.env文件位于项目的根文件夹(与package.json文件所在的文件夹相同)
2. 请确保您已安装dotenv软件包。您可以通过运行npm install dotenv或yarn add dotenv来确保。
3. 将您的公钥放在REACT_APP_CHEC_PUBLIC_KEY变量下的.env文件中，并确保您的API密钥有效。您可以从the Chec Dashboard获取有效的API密钥。
4. 更改.env文件后重新启动本地开发服务器。

希望这能帮助👋

这篇关于访问commerce.js公钥时，在Reaction中未定义获取TypeError：T的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！