1 Тема від alexen

  • alexen
  • Новий користувач
  • Поза форумом
  • Дата реєстрації: 14.01.2025
  • Повідомлень: 9
    • Репутація: 0

Тема: Запит GPT помилка.

Добрий день.
По посиланню запит.

https://www.transfernow.net/dl/20250116wH6jQjdQ


Після внесення тексту на натискання Enter - помилка.
index.js:9 Uncaught (in promise) ReferenceError: require is not defined
    at getData (index.js:9:23)
    at submitForm (index.js:3:5)
    at HTMLFormElement.onsubmit (index.html:23:40)

Прохання допомогти, що я роблю не так?
Дякую.

2 Відповідь від frz

  • frz
  • frz
  • Data / DB Engineer
  • Поза форумом
  • Звідки: PL
  • Дата реєстрації: 28.12.2019
  • Повідомлень: 7 447

Re: Запит GPT помилка.

Нащо нам клікати невідомо куди аби побачити ваш запит...

frz вебсайт

3 Відповідь від alexen

  • alexen
  • Новий користувач
  • Поза форумом
  • Дата реєстрації: 14.01.2025
  • Повідомлень: 9
    • Репутація: 0

Re: Запит GPT помилка.

Там 3 файла.
Html, css, js.

4 Відповідь від frz

  • frz
  • frz
  • Data / DB Engineer
  • Поза форумом
  • Звідки: PL
  • Дата реєстрації: 28.12.2019
  • Повідомлень: 7 447

Re: Запит GPT помилка.

Тут є теги code I spoiler. Вміст кожного файлу можна покласти в code, все разом приховати під spoiler.

Далі: запитати в різних "розумних' чатів як виправити помилку. Спробувати скористатися згенерованими порадами.

frz вебсайт

5 Відповідь від mikeos

  • mikeos
  • mikeos
  • Користувач
  • Поза форумом
  • Дата реєстрації: 14.02.2016
  • Повідомлень: 184
    • Репутація: 109

Re: Запит GPT помилка.

також є всякі там jsfiddle, codepen, codesandbox щоб ділитись кодом

Подякували: flatliner1

mikeos вебсайт

6 Відповідь від alexen

  • alexen
  • Новий користувач
  • Поза форумом
  • Дата реєстрації: 14.01.2025
  • Повідомлень: 9
    • Репутація: 0

Re: Запит GPT помилка.

HTML

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Proger CHAT</title>
    <link rel="stylesheet" href="index.css">
  </head>
  <body>

    <h1>Proger Chat</h1>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Qui quam quaerat non corrupti, dolor, sed adipisci eos provident assumenda impedit similique aliquid dolorum excepturi nisi facilis nemo culpa accusantium possimus.</p>
    <div id="message">
      <div class="mess-user">
        Some text
      </div>
      <div class="mess-chat">
        Some text
      </div>
    </div>

    <form onsubmit="submitForm(event)">
      <input type="text" id="input" placeholder="Input ask" />
    </form>

    <script src="index.js"></script>
  </body>
</html>

CSS

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap');

* {
    margin: 0;
    padding: 0;
}

body {
    background: #343541;
    color: #ECECF1;
    font-family: 'Inter', sans-serif;
}

h1 {
    text-align: center;
    font-size: 50px;
    margin-top: 100px;
}

body>p {
    width: 600px;
    margin: 50px auto;
    line-height: 170%;
    text-align: center;
    color: #b5b5bc;
}

#messages {
    width: 700px;
    margin: 0 auto;
    max-height: 600px;
    overflow-y: auto;
    margin-bottom: 220px;
}

#messages::-webkit-scrollbar {
    width: 5px
}

#messages::-webkit-scrollbar-track {
    background: #575a6c;
}

#messages::-webkit-scrollbar-thumb {
    background: #17181e
}

#messages::-webkit-scrollbar-thumb:hover {
    background: #d26565
}

.mess-user {
    background: #434654;
    padding: 20px 25px;
}

.mess-chat {
    background: #2b2d37;
    padding: 20px 25px;
}

form {
    position: fixed;
    bottom: 100px;
    width: 100%;
    text-align: center;
}

form input {
    background: #40414F;
    border-radius: 5px;
    padding: 15px 20px;
    font-family: 'Inter', sans-serif;
    border: 1px solid transparent;
    color: #ECECF1;
    outline: none;
    width: 500px;
}

form input:focus {
    border-color: #d26565;
}

form input::-webkit-input-placeholder {
    color: #6c6e83;

JS

function submitForm(e) {
    e.preventDefault();
    getData();
}

async function getData() {
    let userData = document.getElementById("input").value.trim();
    if(userData === "") return false;
    const GptClient = require('Gpt4free-Client');
    try {
    // Create chat completion
    const completion = await GptClient.create({
        model: 'gpt-4-0613',
        temperature: 0.7,
        systemPrompt: 'You are powerful AI assistant\n',
        messages: [
            {
                role: 'system',
                messages: userData
            }
        ]
    });
    
    // Get generated text
    const generatedText = await completion;
    
    console.log(generatedText);
    
    } catch(error) {
        console.error('Error: ', error)
    }
}    

//getData();

7 Відповідь від koala

  • koala
  • koala
  • Лінива тваринка
  • Поза форумом
  • Дата реєстрації: 01.05.2013
  • Повідомлень: 15 642
    • Репутація: 13346

Re: Запит GPT помилка.

А де ви визначаєте функцію require?

koala вебсайт