Ошибка "Uncaught ReferenceError: BX is not defined" означает, что объект BX не определен в текущей области видимости. Чтобы исправить эту ошибку и подключить класс BX.SidePanel.Instance.open, вам необходимо выполнить следующие шаги:
1. Установите и настройте Битрикс24. Убедитесь, что у вас установлена последняя версия Битрикс24 и Битрикс-ядро.
2. Подключите скрипт Битрикс24. Чтобы использовать класс BX.SidePanel.Instance.open, вам необходимо импортировать скрипт Битрикс24. Обычно это делается в секции <head> вашего HTML-документа, перед всеми другими скриптами. Добавьте следующий код в ваш HTML-файл:
<script src="//cdn.bitrix24.ru/bitrix/js/main/core/core.min.js"></script>
3. Убедитесь, что скрипт правильно подключен. Чтобы проверить, успешно ли подключен скрипт, откройте консоль разработчика в вашем браузере (обычно, нажатием клавиши F12) и проверьте, нет ли ошибок во вкладке "Console". Если скрипт успешно подключен, ошибки не должно быть.
4. Проверьте правильность использования метода. Убедитесь, что вы правильно вызываете метод BX.SidePanel.Instance.open. Например, вы можете вызвать метод по клику на кнопку:
<button onclick="BX.SidePanel.Instance.open('/your-url')">Open Side Panel</button>
5. Уточните, где вы вызываете функцию. Убедитесь, что ваш код, который вызывает BX.SidePanel.Instance.open, находится внутри блока <script>, который расположен после подключения скрипта Битрикс24 из пункта 2. В противном случае, объект BX может быть еще не создан.
Следуя этим шагам, вы должны суметь успешно подключить класс BX.SidePanel.Instance.open и избежать ошибки "Uncaught ReferenceError: BX is not defined".