Блог

Я пытался получить доступ к открытому ключу библиотеки commercejs в React. Но я не смог этого сделать и столкнулся с этой ошибкой. Я не могу понять, почему я получаю эту ошибку.

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;


 

Ошибка

Ошибка типа: t не определено e node_modules/@chec/commerce.js/lib/index.js:1

Ах, я вижу, ты тоже культурный человек, раз смотришь Javascript Mastery на Youtube!

Просто проверьте, где вы создали файл .env. Он должен храниться в корневой папке. Он был у меня в папке src, вот как я получил эту ошибку. Если это не сработает, перейдите в свой клиент commercejs, войдите в систему, а затем в настройках обновите свой ОБЩЕДОСТУПНЫЙ API. Когда вы получите новый, просто замените его. После этого он должен работать.

Робби из Commerce.js здесь. У нас было несколько вопросов от людей, которые следили за этим руководством, поэтому вот несколько вещей, на которые следует обратить внимание:

1. Убедитесь .env , что ваш файл находится в корневой папке вашего проекта (в той же папке package.json , в которой находится ваш файл)
2. Убедитесь, что вы установили dotenv пакет. Вы можете убедиться, выполнив npm install dotenv или yarn add dotenv .
3. Поместите свой открытый ключ в свой .env файл под REACT_APP_CHEC_PUBLIC_KEY переменной и убедитесь, что ваш ключ API действителен. Вы можете получить свои действительные ключи API из панели управления Check.
4. Перезапустите локальный сервер разработки после внесения изменений в ваш .env файл.

Надеюсь, это поможет 👋

Я попал в ту же ошибку. Вы должны написать terminal npm install @chec/commerce.js и npm install -g @chec/cli / или посетить веб-сайт commerce.js => «https://dashboard.chec.io /» .

Я также сталкиваюсь с этой проблемой, когда смотрю Javascript Mastery на Youtube. Что я сделал, так это разорвал соединение с файлом .env и просто добавил открытый ключ в commerce.js. Это не лучшая практика.

export const commerce = new Commerce("Your public key", true);