在Angular CLI中添加JavaScript库/代码

Question

我试图在Angular CLI中使用Typed.js库，但是我无法使其正常运行。 我遵循了如何在Angular 7中使用JavaScript代码中的说明。 ：复制jQuery库并在Assets文件夹中键入scrips，在angular.json中为文件添加路径，但是我不确定在component.ts文件中该怎么做：

这是我的component.ts代码：

import { Component, OnInit } from '@angular/core';
declare var jQuery: any;
declare var Typed: any;

@Component({
  selector: 'app-typing',
  templateUrl: './typing.component.html',
  styleUrls: ['./typing.component.scss']
})
export class TypingComponent implements OnInit {

  constructor() { }

  ngOnInit() {
    var typed = new Typed('.typed', {
      strings: ["First sentence.", "Second sentence."],
      typeSpeed: 30
    });
  }

  onComplete() {
  }

}

我很确定自己在ngOnInit（）中写的东西是错误的，但是我该怎么做呢？

Answer 1

您必须导入typed.js才能使用它。 将其声明为类型为any变量没有任何意义。 尝试像这样导入它： import Typed from 'typed.js';