如何使用npm typings在本地安装和运行typescript jquery / bootstrap定义文件?

时间:2016-09-21 18:36:35

标签: jquery typescript twitter-bootstrap-3 npm typescript-typings

我正在尝试做什么,使用npm typings在我的新项目中安装typescript jquery和boostrap定义文件。

以下是我遵循的步骤。

1-打开cmd并转到我的currrent项目文件夹并输入以下命令。

npm install typings --global

typings init

typings install dt~jquery --global --save

typings install dt~sostrap --global --save

下面的

2-是我的tsconfig文件配置 { "compilerOptions": { "target": "es5", "module": "commonjs", "sourceMap": true, "rootDir": "./TS", "outDir": "./JS", "watch": true } }

注意:我为TS文件和JS文件创建了单独的文件夹。因此,当打字稿变换时,它会在JS目录中创建javascript文件。

3-在ts文件中添加document.ready功能,并在页面加载时写入警告

4-构建并运行index.html文件

注意:我在head部分添加了transile javascript,所以这里不需要提及任何代码。

错误: 在浏览器控制台窗口中,它显示错误:

myscript.ts:2未捕获的ReferenceError:$未定义

这是我的repository

请在这里帮助我。在我的项目中安装jquery我做错了什么。

1 个答案:

答案 0 :(得分:2)

据我所知,您已经忘记在页面中加载实际的bootstrap和jquery。打字稿定义仅为打字稿转换器提供有关打包库内容的编译时信息。他们自己的库必须加载到index.html。你可以用两种方式做到这一点:

  1. 添加指向引导程序和jquery的链接,如其指南中所述。这很简单,虽然不是现代基于模块的客户端应用程序的首选方式
  2. 使用模块加载器(如SystemJS)。这需要一些配置。首先阅读他们的docs示例配置,您可以找到here
  3. 希望这会帮助您开始。