安装 Angular 1.5 类型

Posted

技术标签:

【中文标题】安装 Angular 1.5 类型【英文标题】:Installing angular 1.5 typings 【发布时间】:2016-10-15 23:48:55 【问题描述】:

2017 年 3 月 26 日更新

我现在将 npm install @types/angular 与 TypeScript 2.0 一起使用,到目前为止的体验typings 流畅得多

原创

我有一个使用 ES6 模块和 Webpack 的 Angular 1.5 项目,它与 this starter project 非常相似。

我正在尝试为 Angular 1.5 安装 typings。我过去使用过tsd,但这是我第一次尝试使用较新的typings 经理。

当我尝试typings install angular 时,我得到:

"Unable to find "angular" ("npm") in the registry."

当我运行 typings search angular 时,我看到了一个结果 NAME: angular, SOURCE: dt

当我尝试typings install angular dt~angular 时,我得到:

"Attempted to compile "angular" as an external module, but it looks like a global module." 

但是,当我查看 DefinitelyTyped/angular.d.ts 时,我发现虽然它确实声明了一个全局 angular 变量,但它也声明了一个模块 "angular",正如许多 DefinitiveTyped 定义所做的那样以支持 UMD。

我怎样才能让它与打字一起工作?还是我应该坚持使用tsd

【问题讨论】:

【参考方案1】:

我看到虽然它确实声明了一个全局角度变量,但它也声明了一个模块“角度”

整个文件仍然是全局的。即只能有一个declare module "angular"。因此,您仍然需要全局标记 (typings install dt~angular --global) ?

【讨论】:

如果出现jQueryStatic警告,尝试:typings install dt~jquery --global --save 由于不推荐使用 Typings,因此请使用 npm,就像在下一个答案中一样【参考方案2】:

使用 TypeScript 2.0,您可以像这样制作 package.json 文件:


    ...
    "dependencies": 
        "@types/angular": "^1.5.6",
    
    ...

现在,您可以运行npm install

【讨论】:

以上是关于安装 Angular 1.5 类型的主要内容,如果未能解决你的问题,请参考以下文章

哪个 Angular 1.5 组件绑定类型更昂贵? '=' 还是'<'?

如何在 Angular 1.5 中将 Angular 组件与 ui.bootstrap.modal 一起使用?

如何降级使用 angular2 编写的自定义管道以在 angular 1.5 中使用?

Angular 1.5 组件依赖注入

Angular发布1.5正式版,专注于向Angular 2的过渡

Angular 1.5 组件示例