Мне нужно использовать OwlCarousel2 с Angular5, и я использую https://www.npmjs.com/package/ngx-owl-carousel, но ошибка его отображения приведена на рисунке ниже для справки. Любая помощь будет оценена.
Пожалуйста, запустите команды ниже и проверьте файлы ниже для слайдера Карусель Сова.
npm install script-loader npm install ngx-owl-carousel --save https://drive.google.com/open?id=1zi1zTX4rks-es1lZsE0bcfmnoYtjygIp https://drive.google.com/open?id=1qarsnGqYL_P6ryYNh3mLm4ClUqkchxhv https://drive.google.com/open?id=1or-6D-PGzW-NCFRiMykG4YnF2Mto33kc https://drive.google.com/open?id=1QcYILCD_eByrF8r70-vERNgeAImkQT6i
На скриншоте это не проблема совы. Это произошло, не включив jquery в файл компонента приложения.
Так что установите с помощью следующей команды
npm install jquery — save
Добавить файл jquery в файл .angular.json
“scripts”: [ “../node_modules/jquery/dist/jquery.min.js” ]
Затем импортируйте его следующим образом в файл app.component.ts.
import * as $ from ‘jquery’;
Тогда теперь вы можете использовать исчезнувшие ошибки.
Примечание: -
Если вы хотите использовать bootstrap в своем приложении или если у вас уже есть в вашем проекте, обязательно включите jQuery, прежде чем включать файл javascript начальной загрузки следующим образом. Так как для javascript-файла начальной загрузки требуется jQuery.
“scripts”: [ “../node_modules/jquery/dist/jquery.min.js”, “../node_modules/bootstrap/dist/js/bootstrap.js”]
Ссылка: - https://googleweblight.com/i?u=https://medium.com/@swarnakishore/how-to-include-and-use-jquery-in-angular-cli-project-592e0fe63176&hl=en-IN
https://googleweblight.com/i?u=https://stackoverflow.com/questions/43934727/how-to-use-jquery-plugin-with-angular-4&hl=en-IN
Вот две ссылки, которые дают представление об импорте jquery в ваше приложение.
Пожалуйста, попробуйте один раз и дайте мне знать.
Надеюсь, это решит вашу проблему.