angular - 在 Angular 4 中集成 Typed.js

Question

在 Angular 4 中集成 Typed.js 时，出现以下错误。

ERROR TypeError: __WEBPACK_IMPORTED_MODULE_2_typed_js__.Typed is not a constructor

我的组件是:

import { Component, OnInit } from '@angular/core';
import { Typed } from 'typed.js';
@Component({
   selector: 'app-home',
   templateUrl: './home.component.html',
   styleUrls: ['./home.component.css']
})
export class HomeComponent implements OnInit {

   ngOnInit() {
      let options = {
         strings: ["Books.", "Cinema.", "Paintings.","Music."],
         typeSpeed: 100,
         backSpeed: 100,
         showCursor: true,
         cursorChar: "|",
         loop:true
      }

      let typed = new Typed(".typing-element", options);
   }

}

我的 HTML 是:

<div class="container">
   <div class="home-header-title">
      <span class="title">what you like</span>
      <span class="typing-element"></span>
   </div>
</div>

Answer 1

你应该改变

import { Typed } from 'typed.js';

至

import * as Typed from 'typed.js';