#javascript #reactjs #undefined #typeerror #commerce.js
#javascript #reactjs #не определено #ошибка типа #commerce.js
Вопрос:
Я пытался получить доступ к открытому ключу библиотеки 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
Ответ №1:
Ах, я вижу, ты тоже культурный человек, раз смотришь Javascript Mastery на Youtube!
Просто проверьте, где вы создали файл .env. Он должен храниться в корневой папке. Он был у меня в папке src, вот как я получил эту ошибку. Если это не сработает, перейдите в свой клиент commercejs, войдите в систему, а затем в настройках обновите свой ОБЩЕДОСТУПНЫЙ API. Когда вы получите новый, просто замените его. После этого он должен работать.
Ответ №2:
Робби из Commerce.js здесь. У нас было несколько вопросов от людей, которые следили за этим руководством, поэтому вот несколько вещей, на которые следует обратить внимание:
- Убедитесь
.env
, что ваш файл находится в корневой папке вашего проекта (в той же папкеpackage.json
, в которой находится ваш файл) - Убедитесь, что вы установили
dotenv
пакет. Вы можете убедиться, выполнивnpm install dotenv
илиyarn add dotenv
. - Поместите свой открытый ключ в свой
.env
файл подREACT_APP_CHEC_PUBLIC_KEY
переменной и убедитесь, что ваш ключ API действителен. Вы можете получить свои действительные ключи API из панели управления Check. - Перезапустите локальный сервер разработки после внесения изменений в ваш
.env
файл.
Надеюсь, это поможет 👋
Комментарии:
1. Установка пакета dotenv сработала для меня, спасибо.
Ответ №3:
Я попал в ту же ошибку. Вы должны написать terminal npm install @chec/commerce.js
и npm install -g @chec/cli
/ или посетить веб-сайт commerce.js => «https://dashboard.chec.io /» .
Ответ №4:
Я также сталкиваюсь с этой проблемой, когда смотрю Javascript Mastery на Youtube. Что я сделал, так это разорвал соединение с файлом .env и просто добавил открытый ключ в commerce.js. Это не лучшая практика.
export const commerce = new Commerce("Your public key", true);