未捕获的引用错误：未在loadEventListeners上定义表单

Question

我不明白为什么会收到此错误。它给了我我的loadEventListeners未定义。我不明白为什么未定义...任何输入都将有所帮助。

//Define ui var
const from = document.querySelector('#post-form');
const postList = document.querySelector('.collection');
const clearBtn = document.querySelector('.clear-posts');
const filter = document.querySelector('#filter');
const postInput = document.querySelector('#post');

// load all event listeners
loadEventListeners();

//load all event listners
function loadEventListeners()
  //add Post Event
  form.addEventListener('submit', addPost);


//Add post
function addPost(e)
  if(postInput.value === '')
    alert('Add a post');


  //create li element
  const li = document.createElement('li');
  //add class
  li.className = 'collection-item';
  //create text node and append to li
  li.appendChild(document.createTextNode(postInput.value));
  //create new link element
  const link = document.createElement('a');
  //add class
  link.className = 'delete-item secondary-content';
  //add icon html
  link.innerHTML= '<i class="fa fa-remove"></i>';
  //append the link to li
  li.appendChild(link);

  //append li to ul
  console.log(li);

  e.preventDefault();