Отсутствует ":" с использованием мгновенного поиска Algolia

Question

SyntaxError: missing : after property id

Я вижу эту ошибку в своей консоли, используя Algolia Instant Search на Firefox (Mac).Мне сообщили, что IE11 визуально отображает то же самое, однако я не уверен в ошибке в IE?И Chrome, и Safari не содержат ошибок.

Когда я декомпилирую свой код, Firefox указывает на эту строку как на виновника, однако я не уверен, что это проблема?

const {container, placeholder, delayTime = 500, suggestionsIndex, mainIndex} = renderParams.widgetParams;

=====

Обновление

Проблема заключается в том, как установлен параметр delayTime, хотя я не уверен на 100%, как его следует установить.В краткосрочной перспективе я не устанавливаю delayTime так, как указано выше.Вместо этого я закомментировал delayTime и заменил места, где он называется, на 500.

Answer 1

Кажется, что пример, предоставленный документацией InstantSearch, использует некоторый синтаксис, который может быть недоступен в версии JavaScript, поставляемой с вашим браузером.

const {container, placeholder, delayTime = 500, suggestionsIndex, mainIndex} = renderParams.widgetParams;

эквивалентно (в современных браузерах):

const container = renderParams.widgetParams.container;
const placeholder = renderParams.widgetParams.placeholder;
const delayTime = renderParams.widgetParams.delayTime || 500;
const suggestionsIndex = renderParams.widgetParams.suggestionsIndex;
const mainIndex = renderParams.widgetParams.mainIndex;

Распространенное решение для устранения этих несоответствий в браузере - это перенести ваш код JavaScript в наименьший общий знаменательтекущей версии JavaScript с использованием Babeljs .Кривая обучения Babel поначалу может быть крутой, но это стало бесценным инструментом для доставки кода, который работает во всех браузерах.