javascript - 错误类型错误:jquery__WEBPACK_IMPORTED_MODULE_0__(...).show().revolution 不是函数
问题描述
我正在学习 Angular。我正在尝试将 Revolution Slider 集成到 Angular 11 网站中。angular.json
我的文件的脚本部分如下所示。
"scripts": [
"node_modules/jquery/dist/jquery.min.js",
"src/assets/js/bootstrap.min.js",
"src/assets/js/modernizr.custom.js",
"src/assets/js/gmaps.js",
"src/assets/js/jquery.themepunch.revolution.min.js",
"src/assets/js/jquery.themepunch.tools.min.js",
"src/assets/js/extensions/revolution.extension.actions.min.js",
"src/assets/js/extensions/revolution.extension.carousel.min.js",
"src/assets/js/extensions/revolution.extension.kenburn.min.js",
"src/assets/js/extensions/revolution.extension.migration.min.js",
"src/assets/js/extensions/revolution.extension.parallax.min.js",
"src/assets/js/extensions/revolution.extension.slideanims.min.js",
"src/assets/js/extensions/revolution.extension.layeranimation.min.js",
"src/assets/js/extensions/revolution.extension.navigation.min.js",
"src/assets/js/extensions/revolution.extension.video.min.js",
"src/assets/js/dlmenu.js",
"src/assets/js/jquery.magnific-popup.js",
"src/assets/js/mixer.js",
"src/assets/js/jquery.easing.1.3.js",
"src/assets/js/owl.carousel.js",
"src/assets/js/slick.js",
"src/assets/js/jquery.appear.js",
"src/assets/js/theme.js"
]
我使用下面的代码安装了 jQuery。
npm install jquery --save
我的组件如下所示
rev-slider.component.ts
import { Component, ElementRef, OnInit, AfterViewInit} from '@angular/core';
import * as $ from 'jquery';
@Component({
selector: 'app-rev-slider',
templateUrl: './rev-slider.component.html',
styleUrls: ['./rev-slider.component.css'
]
})
export class RevSliderComponent implements AfterViewInit {
constructor(private element: ElementRef) {}
ngAfterViewInit(): void {
($(this.element.nativeElement) as any).show().revolution({
//more text here
});
}
}
我在父组件中添加了这个组件,如下所示
<app-rev-slider></app-rev-slider>
我在控制台中遇到错误。
ERROR TypeError: jquery__WEBPACK_IMPORTED_MODULE_0__(...).show().revolution is not a function
解决方案
尝试改变
import * as $ from 'jquery';
至
declare var $;
推荐阅读
- firebase - Flutter 应用程序无法编译,因为它的依赖关系无法建立
- javascript - 按符号过滤的柯里化函数无法在 Typescript 中获得兼容的函数实现
- html - 单击“发送到”下拉菜单的适当语法是什么?(参见图片以供参考)
- node.js - 使用 express 我可以让我的静态文件出现在一个但它们不会在新选项卡中打开
- sql - 更新从 MS Access 到 Oracle 的查询多个连接
- xcode - Cocoapods:如何手动删除一个 pod?
- java - logback-classic 不记录 Java 异常
- laravel - laravel 单元测试 seeJson 因子级结构而失败
- javascript - 你如何为多个文本设置动画,停留几秒钟并使用 CSS 进行动画处理
- java - Java 进程挂起而没有死锁或循环