Как исправить "Uncaught TypeError: $ (...). Append (...). AppendTo (...). Панель не является функцией ??"используя Angular

Question

Я занимаюсь разработкой углового проекта и хотел интегрировать загруженный HTML-шаблон в домашний компонент моего проекта.Я попытался преобразовать мой HTML-шаблон в угловой компонент.Я в основном вырезал и вставил все ресурсы и изображения моего html-файла в src / assets.Но кроме этого я не совсем изменил код.

Отдельно html-файл работает нормально, но когда я использую его в angular, браузер показывает: Uncaught TypeError: $ (...). AppendTo (...). Panelне является функцией

Это вызывает сбой в работе бокового меню.

//In main.js file
 .......
// Menu.
    $('#menu')
        .append('<a href="#menu" class="close"></a>')
        .appendTo($body)
        .panel({
            target: $body,
            visibleClass: 'is-menu-visible',
            delay: 500,
            hideOnClick: true,
            hideOnSwipe: true,
            resetScroll: true,
            resetForms: true,
            side: 'right'
        });

}) (jQuery);

Я ожидал, что боковое меню работает нормально, ноиз-за этого каждый раз, когда я нажимаю кнопку бокового меню, она перезагружает страницу.