0

在使用 angular2-cli 创建的项目中，我需要使用一些应该在全局 javascript 范围内可用的第 3 部分 javascript 库（例如 tween.js 库中的 TWEEN 命名空间）。

根据angular-cli guide to install a js library as global，我已经使用 npm 安装了它，并将库脚本添加到 angular-cli.json 文件的“scripts”数组中。

"scripts": [
    "../node_modules/tween.js/src/Tween.js"
  ],

要在 Angular 组件中使用全局 TWEEN 命名空间，我已在文件开头将其声明为常量变量，如下所示：

import { Component, OnInit } from '@angular/core';

declare const TWEEN: any;

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
})
export class AppComponent implements OnInit {
  title = 'app works!';

  constructor() { }

  ngOnInit() {

    let tween = new TWEEN.Tween({x: 0}).to({x: 1}, 2000);

    // .. 

  }
}

这可行，但问题是我没有以这种方式获得任何第 3 部分库的任何智能感知（我正在使用 WebStorm）。我能做些什么来让智能感知工作吗？还是有更好的方法在 Angular 2 工作流程中导入第 3 部分 javascript 库？

4

1 回答 1

0

鉴于您将文件顶部的 TWEEN 定义为“任何”，因此您永远不会以这种方式获得智能感知，因此说它可以是任何东西（没有类型，没有智能感知）。

你应该看看这篇文章： https
://weblog.west-wind.com/posts/2016/Sep/12/External-JavaScript-dependencies-in-Typescript-and-Angular-2 它几乎告诉你您要么在库本身中有打字，安装时免费提供，要么只是解决没有打字的问题。

如果您要使用完全没有类型的库，您可能需要考虑自己创建类型。

于 2017-01-24T19:42:33.993 回答