我正在尝试创建一个旋转木马的角度使用刷(https://swiperjs.com/angular)。
我知道这个错误:
错误: node_modules/swiper/angular/angular/src/swiper-events.d.ts:3:50 - TS2344:键入'SwiperEventsProperty‘不满足约束(...args: any) => any’。类型‘((刷:刷) =>空)\\(刷:刷) =>空)\. 75多个.未定义的“是不可分配的”(...args: any) => any’。未定义的类型不能分配到类型(...args: any) => any'.
我试过这样做:
-Uninstall并重新安装带有npm刷卡的刷卡
-Uninstall刷卡,然后用npm i@type/ swiper重新安装它
这是我的代码:
angular.json
"styles": [
"src/myTheme.scss",
"src/styles.css",
"node_modules/swiper/swiper-bundle.min.css"
],
"scripts": ["node_modules/swiper/swiper-bundle.min.js"]
},共享模块
import { SwiperModule } from 'swiper/angular';
exports: [
SwiperModule,
other modules
]组件:
config: SwiperOptions = {
slidesPerView: 3,
spaceBetween: 50,
navigation: true,
pagination: { clickable: true },
scrollbar: { draggable: true },
};
//in the methods
onSwiper([swiper]) {
console.log(swiper);
}
onSlideChange() {
console.log('slide change');
}HTLM
<swiper
[config]="config"
(swiper)="onSwiper($event)"
(slideChange)="onSlideChange()"
>
<ng-template swiperSlide>Slide 1</ng-template>
<ng-template swiperSlide>Slide 2</ng-template>
<ng-template swiperSlide>Slide 3</ng-template>
<ng-template swiperSlide>Slide 4</ng-template>
<ng-template swiperSlide>Slide 5</ng-template>
<ng-template swiperSlide>Slide 6</ng-template>
</swiper>某人知道什么是闹事吗??谢谢
发布于 2022-02-12 21:44:04
我也有同样的问题。安装v7解决了这个问题。
npm i swiper@7发布于 2022-02-13 20:40:13
安装swiper@7有效。但是对于角13,这样的错误可能会显示出来。
Error: node_modules/swiper/angular/angular/src/public-api.d.ts:1:15 - error TS2307: Cannot find module './swiper-events' or its corresponding type declarations.
1 export * from './swiper-events';但是,可以通过运行一个简单的npm update来解决这个问题。
发布于 2022-05-16 13:19:11
要修复此错误安装:https://www.npmjs.com/package/ngx-swiper-wrapper
并安装一个特定版本npm @6.4.15,它就解决了。
https://stackoverflow.com/questions/71084397
复制相似问题