Алексей Уколов

Сервер в ответ на запрос отдаёт HTML, а не JSON. Соответственно, браузер не может распарсить его в resp.json()
Посмотрите в Network что приходит с сервера и сами убедитесь.

#1101 - BLOB, TEXT, GEOMETRY or JSON column 'content' can't have a default value

Как сделать так,чтобы "border-bottom" не увеличивался при наличии "padding-left", а оставался строго в границах "p"?

Именно в такой постановке - никак. Но если заменить padding на margin, всё будет работать.

Не стоит.

Пути три:
1. Не использовать spread.
2. Не использовать eslint.
3. Настроить eslint так, чтобы он не считал это нарушением.

Нам и не нужно знать тело функции, чтобы вызвать её.

function each(arr, callback) {
   arr.forEach(function (el, i) {
       callback(el, i, arr);
    }
}

У вас файл создан от одного пользователя, а php исполняется от другого, который даже не входит в группу первого.
Попробуйте создать через php файл рядом с sitemap, сравните владельцев и убедитесь.
Решается проблема просто - нужно поменять владельца файла на пользователя, из-под которого запущен php.

У вас:

var divErrors = document.querySelector('.bad').innerHTML = error;

Должно быть:
var divErrors = document.querySelector('.error');

Потому что date.getMonth внутри использует this, который с вашей магией теряется.
Вот так будет работать: magic(date.getMonth.bind(date));

Как выяснилось в комментариях к вопросу, у IDE крыша съехала и нужно кеши сбросить.

1. Увеличивается размер ресурса.
2. Теряется атомарность изменений - поменяли какое-то свойство в CSS, весь файл инвалидировался в кеше, клиенту нужно заново качать картинку, хотя она и не изменилась.
3. Дизайнер не сможет просто отредактировать изображение.
4. Нельзя посмотреть изображение в редакторах.

\DB::table || use DB;

Проблема у вас в том, что вы после удаления снова читаете значения из инпутов добавления и заново добавляете этот ключ. Самое простое - чистить инпуты после добавления:

function renderObj(e) {
    e.preventDefault();
    let str = '';
    let inputKey = document.querySelector('.input-key').value;
    let inputValue = document.querySelector('.input-val').value;

    if (inputKey !== '' && inputValue !== '') {
      obj[inputKey] = inputValue;

      for (let key in obj) {
        str += `Ключ: ${key}, Значение: ${obj[key]} <br>`
      }
    }
    output.innerHTML = str;    
    
    document.querySelector('.input-key').value = '';
    document.querySelector('.input-val').value = '';
  }

Но вообще, конечно, ваш код нужно переделать. Должно быть три функции - одна на добавление ключа в объект, другая на удаление и третья на рендеринг объекта. Сейчас у вас первая и третья смешаны в одну, отсюда и проблемы.

Вы не там поставили immediate invocation. Должно быть так, чтобы получилось замыкание:

$('#elem').click((() => {
  // Основное тело функции будет исполнено один раз при установке обработчика
  // Таким образом создастся замыкание для переменной count
  let count = 0;

  // А вот здесь уже вернётся настоящий обработчик клика,
  // который будет вызваться при каждом нажатии
  return () => {
    count++;
    console.log(count)
  };
})());

Ваш текущий код, по сути, является вот этим:

$('#elem').click(() => {
    let count = 0;
    count++; 
    console.log(count);
});

"use strict";
let aa = [[2020,'01','01'],[2019,'01','01']];
console.log(aa[1][1]);

Эта ошибка не имеет никакого отношения к размерности массива.

var obj = {
    collect_debt_in_court: "",
    debt_repayment_or_repayment: "1", 
    sell_debt: ""
};