如何在 Angular 10 中导入 Bulma Carousel？

Question

我正在尝试将 Bulma carousel https://github.com/wikiki/bulma-carousel 导入 Angular 10 应用程序。

• 我已经通过 angular.json 导入了 javascript。

• 在要显示轮播的组件中，我尝试导入类并访问它

  import {bulmaCarousel} from 'bulma-carousel';
  ...
  ngOnInit(): void {
  
  
  this.carousel = bulmaCarousel.attach('#carousel-demo', {
    slidesToScroll: 1,
    slidesToShow: 4
  });
  

我收到一条错误消息

TypeError: Cannot read property 'attach' of undefined at HomeComponent.ngOnInit (http:

如果我尝试将其随机导入 app.module

import {bulmaCarousel} from 'bulma-carousel';
...
imports [
  bulmaCarousel 

我明白了

ERROR in src/app/app.module.ts:71:12 - error NG1010: Value at position 16 in the NgModule.imports of AppModule is not a reference: [object Object]

Answer 1

似乎工作，home.component.ts：

import {bulmaCarousel} from 'bulma-carousel']

declare var bulmaCarousel: any;

然后在 ngOnInit() 中加载库。