在TypeScript CommonJS中导入jQuery和Bootstrap

Question

我正在使用browserify导入一些Node.js模块。使用以下语法一切正常：

$ = jQuery = require('jquery');
require('bootstrap');
require('angular');
require('ngRoute');
require('firebase');
require('angularfire');

现在我正在尝试将它转换为TypeScript（使用版本1.8），但我无法弄清楚如何做到这一点。我正在使用来自Browserify的tsify插件。

我尝试了一些语法，例如

import * as jquery from "jquery";
import * as jQuery from "jquery";
import * as $ from "jquery";

或者

declare var jQuery;
declare var $;
import * as jquery from "jquery";
$ = jQuery =jquery;

但是它没有起作用！

- user1611404

Answer 1

为了在浏览器中全局使用'jQuery'，你需要将它附加到windows对象上。

这对我起作用：

import * as $ from "jquery";
(<any>window).jQuery = $

import "bootstrap";

请查看此答案：将 TypeScript 全局变量声明为“module”类型

- c_froehlich

Answer 2

在文件开头，您需要告诉TypeScript它应该知道Node.js、jQuery等的TypeScript定义。

/// <reference path="DEFINITION-FILE.d.ts" />

在d.ts文件中未引用nodejs，因此require未知。 在d.ts文件之前未引用$或jquery，因此jquery未知...

您可以在Definitly Typed上找到大量的TypeScript定义包。

http://definitelytyped.org/

我希望这有所帮助。

- mtizziani

---

项目编译成功，因此不能是定义问题。 - user1611404

Answer 3

在这里起作用的是import $ from "jquery";。

- Dave

Answer 4

您尝试过了吗：

import * as $ from "jquery";

请确保您已安装jQuery:

typings install jquery --save

- reinierkors