访问 commerce.js 公钥时出现 TypeError: t is undefined in React

Question

我试图在 React 中访问 c​​ommercejs 库的公钥。但我没有这样做并遇到了这个错误。我不明白为什么我会收到此错误。

src\lib\commerce.js

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

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

src\App.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;

错误

类型错误： t 未定义 e node_modules/@chec/commerce.js/lib/index.js:1

Answer 1

啊，我发现你也是一个有文化的人，在 Youtube 上观看《Javascript Mastery》！

只需检查您创建 .env 文件的位置即可。它应该存储在根文件夹中。我把它放在 src 文件夹中，这就是我收到此错误的原因。如果不起作用，请转到您的 commercejs 客户端，登录，然后在您的设置中刷新您的 PUBLIC API。当你得到一个新的时，只需更换它即可。在此之后应该可以工作。