在角4中集成Typed.js

Question

当将Typed.js集成到角4中时，我得到了以下误差。

错误TypeError：__WEBPACK_IMPORTED_MODULE_2_typed_js__.Typed不是构造函数

我的组成部分是：

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';

Answer 2

如果要导入js文件，请使用declare关键字

declare var Typed: any;

import 'path_to_your_js/typed.js';

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);
  }

}