javascript - 获取 TypeError : t is undefined in React while accessing commerce. js 公钥

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。当你得到一个新的，只需更换它。它应该在此之后工作。