Загрузка...

Почему React перестал видеть блок?

Тема в разделе Веб-разработка создана пользователем SleGka 26 дек 2024. 140 просмотров

  1. SleGka
    SleGka Автор темы 26 дек 2024 Облизываю SUPERCELL 81 2 дек 2023
    Бля, это так забавно, вчера запускал этот код, все было без ошибок, а сейчас он не может найти блок по этому id
    Говорю конкретно про блок 'description-list'

    Текст ошибки: '
    chunk-FMOPAGIP.js?v=325cadc5:21168 Uncaught Error: createRoot(...): Target container is not a DOM element.
    at createRoot (chunk-FMOPAGIP.js?v=325cadc5:21168:19)
    at Object.createRoot$1 [as createRoot] (chunk-FMOPAGIP.js?v=325cadc5:21549:18)
    at exports.createRoot (react-dom_client.js?v=325cadc5:20:20)
    at main.jsx:7:19
    '

    HTML
    <!DOCTYPE html>
    
<html lang="en">
    
  <head>
    
    <meta charset="UTF-8" />
    
    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
    
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    
    <title>Vite + React</title>
    
  </head>
    
  <body>
    
    <div class="dictionary-app">
    
      <h1 class="dictionary-app__header">Словарь</h1>
    

    
      <form id="add-description" class="form">
    
        <h2 class="form__title">Новый термин</h2>
    

    
        <label class="form-field">
    
          <span class="form-field__label">Термин</span>
    
          <input class="form-field__input" name="title" type="text" required />
    
        </label>
    

    
        <label class="form-field">
    
          <span class="form-field__label">Значение</span>
    
          <input class="form-field__input" name="description" type="text" />
    
        </label>
    

    
        <button class="form-button" type="submit">Запомнить</button>
    
      </form>
    

    
      <div id="description-list"></div>
    
    </div>
    

    
    <script type="module" src="./src/main.jsx"></script>
    
  </body>
    
</html>
    JS
    import './index.css';
    

    
const descriptionList = document.getElementById('description-list');
    
const form = document.getElementById('add-description');
    
console.log(descriptionList);
    

    
form.addEventListener('submit', (event) => {
    
  event.preventDefault();
    

    
  const title = form.elements['title'].value;
    
  const description = form.elements['description'].value;
    

    
  form.reset();
    

    
  console.log(title, description);
    
});
    че за тупость, где я провафлил?
     
    26 дек 2024
Top
Загрузка...