首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >角:旋转木马不工作-错误: node_modules/swiper/angular/angular/src/swiper-events.d.ts

角:旋转木马不工作-错误: node_modules/swiper/angular/angular/src/swiper-events.d.ts
EN

Stack Overflow用户
提问于 2022-02-11 17:45:31
回答 3查看 1.6K关注 0票数 5

我正在尝试创建一个旋转木马的角度使用刷(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

代码语言:javascript
运行
复制
    "styles": [
      "src/myTheme.scss",
      "src/styles.css",
      "node_modules/swiper/swiper-bundle.min.css"
    ],
    "scripts": ["node_modules/swiper/swiper-bundle.min.js"]
  },

共享模块

代码语言:javascript
运行
复制
import { SwiperModule } from 'swiper/angular';
  exports: [
    SwiperModule,
    other modules
  ]

组件:

代码语言:javascript
运行
复制
  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

代码语言:javascript
运行
复制
<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>

某人知道什么是闹事吗??谢谢

EN

回答 3

Stack Overflow用户

发布于 2022-02-12 21:44:04

我也有同样的问题。安装v7解决了这个问题。

代码语言:javascript
运行
复制
npm i swiper@7
票数 3
EN

Stack Overflow用户

发布于 2022-02-13 20:40:13

安装swiper@7有效。但是对于角13,这样的错误可能会显示出来。

代码语言:javascript
运行
复制
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来解决这个问题。

票数 0
EN

Stack Overflow用户

发布于 2022-05-16 13:19:11

要修复此错误安装:https://www.npmjs.com/package/ngx-swiper-wrapper

并安装一个特定版本npm @6.4.15,它就解决了。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/71084397

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档