Angular 4 typed.js不是构造函数问题

Question

我正在尝试使用Angular 4构建我的新产品组合但遇到了一些问题。 我首先使用普通的html，css和js构建它并且工作正常。

我正在使用typed.js在开头创建动画。 这是我遵循的步骤：

1 - 在node_modules创建的文件夹中键入typed.min.js

2 - 在脚本部分“../ node_modules / typed / typed.min.js”下的angular-cli.json

3 - 在我输入的类型组件中：import * as type in from ” ../../../../node_modules/typed/typed.min.js'; （显然今天没有工作，终端正在说这个ERROR in src/app/components/loading-section/loading-section.component.ts(2,24): error TS6143: Module '../../../../node_modules/typed/typed.min.js' was resolved to '/Users/matteosoresini/Development/Portfolio2017/node_modules/typed/typed.min.js', but '--allowJs' is not set.所以如果我改变路径，因为终端说工作但是没有意义，但这不是主要问题。

4 - 在ngInit中我试图实现JS函数，当运行项目时终端说typed不是构造函数，即使我在typed.component.html内的脚本中移动函数

你可以帮我解决这个问题并澄清导入外部插件的位置吗？ 感谢

Answer 1

我可以通过npm install typed.js --save安装typed.js。

然后我尝试使用import { Typed } from 'typed.js';，如typed.js文档中所示。这引起了不是构造函数错误。

我将导入更改为import * as Typed from 'typed.js';，这对我有用。

Answer 2

Types.js在DefinitelyTyped repo中没有定义的打字稿类型。 我不确定它会如何与Angular一起表现，因为它会在角度之外进行DOM更改。您可以查看并尝试https://github.com/kuflink/angular-typed，但它不是生产就绪的。