在angular2中找不到名称'jquery'

Question

我正在努力使用ng2-datetime。通过npm安装，但是当我构建解决方案时，我收到一个错误，找不到名称'jQuery'。

我已经通过npm添加了jQuery，并尝试包含jquery库，但问题仍然存在。 任何人都可以告诉还包括哪些内容？我正在使用带有打字稿的angular 2.2，我的IDE是VS2015

app.module.ts

刚刚添加了import语句

import { NKDatetimeModule } from 'ng2-datetime/ng2-datetime';

并在进口

下

@NgModule({
    imports:[NKDatetimeModule ])}

Answer 1

3个步骤：

1. 安装jQuery。 （如果已安装则跳过）

   npm install jquery --save
   

2. 安装jQuery的类型。

   npm install @types/jquery --save
   

3. 在 app.module.ts 中导入jQuery。

   import * as $ from 'jquery';
   

Answer 2

我通过从npm安装@types/jquery来实现它。

Answer 3

安装jQuery后

  

npm install jquery --save

和jQuery TypeScript自动完成

  

npm install @ types / jquery --save-dev

现在您必须将此参考“../ node_modules / jquery / dist / jquery.min.js”添加到 Angular-cli.json 文件中你的有角度的Cli文件夹的根里面 脚本：[] 属性。之后，jQuery将作为全局变量提供给你，很棒！

Answer 4

因为找不到jquery的 类型 ，请使用以下命令

typings install dt~jquery --save --global

如果您想保存为依赖项，请删除＆＃34; - 全球 ＆＃34;标志

Answer 5

对我来说，这种方法很有效：

1. npm install jquery --save

2. npm install @ types / jquery --save-dev

3. 在angular.cli.json / angular.json中添加jquery，同时检查jquery.min.js的路径：

“scripts”：[“../ node_modules/jquery/dist/jquery.min.js”， “../ node_modules /引导/ DIST / JS / bootstrap.js”]

如果使用bootstrap，请确保引导依赖在jquery之后。

1. 在app.component.ts文件中： 声明var $：any;