如何在typescript (Angular2)中使用第三方npm模块
在TypeScript（Angular2）中使用第三方npm模块的步骤如下：
- 首先，确保你已经在项目中安装了Node.js和npm（Node Package Manager）。
- 打开终端或命令提示符，进入你的项目目录。
- 使用npm安装所需的第三方npm模块。例如，如果要使用lodash这个模块，可以运行以下命令：
- 使用npm安装所需的第三方npm模块。例如，如果要使用lodash这个模块，可以运行以下命令：
- 这将会在你的项目中安装lodash模块，并将其添加到项目的package.json文件中的dependencies中。
- 在TypeScript文件中引入所需的第三方模块。例如，如果要在一个名为app.component.ts的文件中使用lodash模块，可以添加以下代码：
- 在TypeScript文件中引入所需的第三方模块。例如，如果要在一个名为app.component.ts的文件中使用lodash模块，可以添加以下代码：
- 现在，你可以在TypeScript文件中使用lodash模块的功能了。例如，你可以使用lodash的map函数来对一个数组进行映射：
- 现在，你可以在TypeScript文件中使用lodash模块的功能了。例如，你可以使用lodash的map函数来对一个数组进行映射：
需要注意的是，以上步骤假设你已经配置好了TypeScript的编译环境，并且已经在Angular2项目中使用了TypeScript作为主要的开发语言。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云云函数（SCF）。
相关·内容
特别是，我使用了3个不同的模块(都是通过国家预防机制安装的)，每个模块似乎表现出完全不同的行为：import {bootstrap,/node_modules/angular2/bundles/angular2.dev.js"></script>
TypeScript编译器知道如<em
浏览 3提问于2015-11-29得票数 3
回答已采纳
我最近开始使用ng2。所以我使用angular-cli创建了一个项目，然后我意识到我需要一些第三方模块。如谷歌地图应用程序接口、lodash、jquery...etc。我知道Typescript的基础知识，但我如何在Angular2应用程序中使用这些模块？因此，对于谷歌地图，我使用了npm install --save @types/google-maps。现在，我需要通
浏览 2提问于2017-03-16得票数 12
回答已采纳
3回答
我想将@ wanted模块重命名为angular2，因为我发现它更易读，并且想了解导入是如何工作的。{ }
})(this);import { Component } from '@angular/core';import { Component }
浏览 2提问于2016-05-13得票数 0
回答已采纳
2回答
我想知道，对于如何在Angular2中编写可重用的TypeScript代码，是否至少有一些社区共识。我试图总结一下我在Angular2上下文中发现的和想知道的内容。模块/应用程序目录结构和文件名
浏览 4提问于2016-02-22得票数 2
回答已采纳
但在我的生命中，我不能让Typescript + Angular2的类型工作。不是每个文件的///，也不是整个工作区。我曾尝试手动从github上获取angular2的源代码，并将其放入工作区中的/typings目录中。我已经尝试使用tsc来安装angular2类型，我已经尝试了可以发布的tsd.json文件。但无论Vscode继续说什么，Cannot find module <blerg> (即.angula
浏览 2提问于2016-01-13得票数 3
这个应用程序使用jspm来加载javascript模块，所以所有的angular2类型记录定义文件都在jspm_modules文件夹中。我得到的错误类型成绩单找不到模块‘角/核心’，‘角/路由’，‘角/http’等。我得到的错误，无论是在VS 2015编辑器和当我运行我的构建，也就是我的构建，即使用吞咽-类型抄本。
浏览 1提问于2016-01-20得票数 0
回答已采纳
2回答
角2所需库
、、、
我想开始使用Angular2 Beta，但我面临一些有关所需库的问题。此外，我使用SystemJS作为模块加载器。我的问题是，如果我使用Angular2安装npm install angular2，它会加载整个角度项目，包括CommonJS-Version、ES6-Version和TypeScript-Version此外，导入/ts-folder in Eclipse会给
浏览 3提问于2016-01-07得票数 6
回答已采纳
2回答
我正在使用Angular2编写一个基本的NodeJS示例，我使用的编辑器是atom。我安装了npm (2.0.0-beta.17)和类型记录npm install -g typescriptimport { Component} from '@angular/core';
因为上面的行编辑器正在显示“无法找到模块”@角
浏览 4提问于2016-08-22得票数 0
回答已采纳
3回答
在javascript中使用canvas的常见方法如下：var ctx = canvas.getContext('2d');
但是在Angular2中我不能获得HTMLCanvasElement对象，变量"canvas“只能在Angular2中获得HTMLElement。那么如何在Angular2中<e
浏览 1提问于2017-06-08得票数 47
回答已采纳
1回答
有没有人知道像这样用三个斜杠“/”导入类在angular2中是否有效，以及什么时候应该使用它？应该在什么时候使用import/export语句，什么时候使用三个斜杠的引用？提前谢谢你。
浏览 0提问于2016-11-08得票数 0
1回答
我正在开发一个npm模块。该模块使用Angular2和TypeScript 2。我不知道我需要遵循哪些步骤来生成这个npm模块。
我创建了一个。为了生成国家预防机制模块，我需要做些什么？
浏览 2提问于2016-11-28得票数 0
回答已采纳
2回答
未找到包esri
、、、、
我正在使用AngularJs2中的esri和typescriptimport Map = require('esri/map');
@Component({s
浏览 1提问于2016-02-02得票数 0
我在bootstrap.ts中包含了appcomponent，但仍未定义令牌，这导致出现错误"Token appComponent be defined“'/angular2/core'; selector: 'app',})
export/angular2&#
浏览 2提问于2016-01-26得票数 1
我有一个用angular2类型记录编写的代码，这是一个用服务和组件导出的模块@NgModule({ ...DECLARATIONS }在使用种子创建的另一个应用程序中，我安装了这个包，尝试使用它，因为我不是在AOT中运行该应用程序，而是在AoT中运行它有错误
错误:模块“MyModule”导入的意外值“AboutMod
浏览 6提问于2016-12-05得票数 1
回答已采纳
我正在尝试在Angular 2/ Typescript应用程序中使用第三方.js库。web上有一些示例(如使用声明var libraryVar: any;)，但似乎都不起作用。有没有一种将.js库集成到Typescript / Angular2中的正确方法？
浏览 0提问于2016-01-21得票数 3
我正在尝试将phoenix_js NPM模块导入到我的Angular2应用程序中(使用Angular2命令行界面启动)，但收到错误Cannot find module 'phoenix_js'。我见过很多人面临着在CLI启动的项目中导入第三方模块的问题，但他们都不适合我-我的文件结构似乎与其他人的不同……
对于初学者，我的Angular2 CLI版本是1.0.0-beta.22-1，我正在尝试将其导入到一个服务<e
浏览 7提问于2016-12-24得票数 1
回答已采纳
2回答
我正在使用Angular2 RC6编写一个Angular2库。应用程序中的一个Angular2文件中，并尝试直接使用该模块，它将非常完美地工作.如果我在独立项目中移动完全相同的代码：
sudo npm link
cd ../sta
浏览 1提问于2016-09-05得票数 5
无论在我们运行的gulp脚本中执行什么任务，我们都会得到以下错误：
src\app\sidebar\panel.component.ts(1,46)：错误TS2307:无法找到模块'angular2/src\app\uiComponents\demo\demo.ts(1,25)：错误TS2307:无法找到模块'angular2/core‘。src\app\uiComponents\modal\modal.ts(1,54)：错误TS2307:无法找到模块</
浏览 1提问于2016-03-03得票数 3
我试图导入，以便在Angular2模块中使用它。
安装d3 --保存
从‘d
浏览 4提问于2016-06-20得票数 9
回答已采纳
我正在构建一个定义一些组件的Angular2库。我正在尝试将这个库发布为一个npm模块，然后将其发布到npm install中，并在我的其他Angular2项目中使用它。
我学习了像和这样的教程。这使我可以成功地从库中导入定义模板的服务和组件(如template: '<p>hello world</p>')。但是，当我使用templateUrl: 'app/he
浏览 5提问于2016-08-14得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
