我尝试将 swiperjs 添加到我的 angular 11 项目中，但显示“swiper”不是已知元素：

我想在我的 Angular 项目中使用 [swiperjs][1]。所以阅读他们的文档并完成他们告诉我的所有步骤。但它显示一个错误，说'swiper' 不是已知元素： 1. 如果 'swiper' 是一个 Angular 组件，那么验证它是这个模块的一部分。2.为了允许任何元素添加'NO_ERRORS_SCHEMA'到'@NgModule.schemas' 这里我做了到目前为止

npm 和 swiper，

将 {SwiperModule} 从“swiper / angular”导入到 app.module；

添加 ./node_modules/swiper/swiper-bundle.css" 到 angular.json，

我的 HTML：

<swiper >

  <ng-template swiperSlide>Slide 1</ng-template>

  <ng-template swiperSlide>Slide 2</ng-template>

  <ng-template swiperSlide>Slide 3</ng-template>

</swiper>

ts file：

import Swiper, { Navigation, Pagination } from 'swiper';

@Component({

  selector: 'app-root',

  templateUrl: './app.component.html',

  styleUrls: ['./app.component.css'],

})

export class AppComponent {

  title = 'gameClan';

  swiper = new Swiper('.swiper', {

    speed: 400,

    spaceBetween: 100,

  });

}

我在哪里犯错了？我卸载并重新安装此软件包两次，但问题仍然存在 [1]：https ://swiperjs.com/angular