Ошибка Internet Explorer SCRIPT1014 неверный символ `

Question

У меня есть JS, который работает во всех браузерах, кроме IE.

Когда я открываю консоль на этой странице, я получаю эту ошибку: SCRIPT1014: Invalid character в следующей строке:

const template = `

Это часть, на которую он разбивается:

const template = `
<div class='row sortwrap'>
  <div class='col-md-8'>
    <input type='text' name='category[]' placeholder='' class='form-control name_list catinput' />
    <i class='mdi mdi-sort dragndrop'></i>
  <div class='questionlist questionwrap'>
    <div class='row'>
      <div class='col-md-8'>
        <button class='btn btn-success questionbutton'>Extra vraag</button>
        <input type='text' name='question[]' placeholder='1. Voeg een vraag toe' class='form-control name_list questioninput' />
      </div>
      <div class='col-md-4'>

      </div>
    </div>
    </div>
  </div>
  <div class='col-md-4'>
  <button id='addcategory' class='btn btn-danger btn_remove removebutton'>X</button>
  </div>
</div>`;

const vraagTemplate = `
<div class="row" id="question">
  <div class="col-md-8">
    <input type="text" name="question[]" class="form-control name_list questioninput" />
  </div>
  <div class="col-md-4">
    <button class="btn btn-danger btn_remove">X</button>
  </div>
</div>`;

Я попытался использовать ' или ", но затем он также перестает работать, и я получаю эту ошибку:

SCRIPT1015: Unterminated string constant

На той же строке.

Что я могу с этим поделать?

Я нашел этот ответ: IE11 выдает «SCRIPT1014: недопустимый символ», где работают все остальные браузеры Но все, что у меня есть, - это просто HTML, и изменение кавычек не работает.

Answer 1

Краткий ответ:

Литералы шаблонов не поддерживаются IE!
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals

Так что вы даже не можете использовать ` для строк.Вам нужно использовать обычные ' или двойные кавычки " для ваших строк.Если содержимое строки также содержит кавычки, вам нужно избегать их.

И имейте в виду, что по умолчанию обычные строки не являются многострочными.Подробнее в этом посте SO:
Создание многострочных строк в JavaScript

Рабочие примеры:

const vraagTemplate =
  '<div class="row" id="question">' +
  '  <div class="col-md-8">' +
  '    <input type="text" name="question[]" class="form-control name_list questioninput" />' +
  '  </div>' +
  '  <div class="col-md-4">' +
  '    <button class="btn btn-danger btn_remove">X</button>' +
  '  </div>' +
  '</div>';

console.log(vraagTemplate);

const vraagTemplate = ' \
<div class="row" id="question"> \
  <div class="col-md-8"> \
    <input type="text" name="question[]" class="form-control name_list questioninput" /> \
  </div> \
  <div class="col-md-4"> \
    <button class="btn btn-danger btn_remove">X</button> \
  </div> \
</div>';

console.log(vraagTemplate);