Question

我需要在Angular5中使用OwlCarousel2，并且我正在使用https://www.npmjs.com/package/ngx-owl-carousel，但显示错误，请参见下图作为参考。任何帮助将不胜感激。

Answer 1

从屏幕截图中可以看出，这不是猫头鹰轮播问题。在您的应用程序组件文件中未包含jquery。

因此，请使用以下命令进行安装

npm install jquery — save

在.angular.json文件中添加jquery文件

“scripts”: [ “../node_modules/jquery/dist/jquery.min.js” ]

然后按如下所示将其导入app.component.ts文件。

import * as $ from ‘jquery’;

那么现在您可以使用已经消失的错误。

注意：-

如果要在应用程序中使用引导程序，或者已经在项目中使用引导程序，请确保在包含引导程序javascript文件之前先包含jQuery，如下所示。由于引导程序的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提供了一些思路。

请尝试一次，让我知道。

我希望它能解决您的问题。

Answer 2

请运行以下命令，并检查以下文件中的“猫头鹰轮播”滑块。

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

Owl Carousel 2不适用于Angular 5

2 个答案: