将jQuery与Typescript 2一起使用

Question

我是Typscript 2的新手。我想做的是在typescript中使用jQuery。在这个问题中，我读到你需要两件事：

npm install --save-dev @types/jquery

这将安装包“@types/jquery 2.0.39”。

"devDependencies": {
    "@types/jquery": "^2.0.39",
    "typescript": "^2.0.2",
    "typings": "^1.0.4"
  }

然后，在打字稿文件中，我把这个：

import $ from "jquery";

但是我收到打字稿错误“找不到模块'jquery'。我做错了什么？

与相同的错误

import $ = require("jquery");

完整类型脚本文件：

import { Component } from '@angular/core';
import $ from "jquery";

@Component({
  selector: 'my-app',
  template: `<div id="test"></div>`,
})
export class AppComponent  {
    constructor() {
        $('#test').html('This is a test');
    }
}

Answer 1

我要做的是首先在您的项目目录中为< code>jQuery进行基本的< code>npm安装。

npm install jquery

然后通过以下方式使用：

导入$=需要（'jQuery'）；

总是管用。

Answer 2

我安装了Visual Studio更新（工具-

此外，我还安装了以下 NuGet 包：

• Microsoft.TypeScript.Compiler
• Microsoft.Typescript.MSBuild

然后我通过npm安装了jQuery和jQuery typings:

npm install jquery @types/jquery --save

最后，在tsconfig.json中：：

"compilerOptions": {
    ... other compiler options ...
    "typeRoots": [ "node_modules/@types/" ],
    "types": ["jquery" ]
  },

现在我可以构建项目了，$在TypeScript中被识别为jQuery。

Answer 3

您只安装jquery的类型。您还需要jQuery本身：

npm install jquery --save

此外，由于您使用typescript@2，您不再需要类型包。这现在将通过npm和@类型包处理，在$类型/{你的包}中可用，在您的情况下@类型/jQuery：

npm install @types/jquery --save