1

我正在尝试将 JQuery 与 Angular 2 Cli 一起使用。

我通过使用npm install jquery --save并添加import $ from 'jquery/dist/jquery'到 app.module.ts 来安装 JQuery。

我在 Chrome 中收到此错误Cannot find module 'jquery/dist/jquery'.)。但我可以在 node_modules 中找到 jquery 文件夹。

我正在使用 JQuery，因为我想在我的项目中使用这个带有阴影效果的标题。如果不使用 Material Design 或其他 UI 组件，我找不到这种类型的标题的角度版本（因为我不喜欢使用它，因为它改变了我项目中的一些样式）。

4

2 回答 2

2

还有另一种非常简单的方法可以添加jQuery到您的项目中。

  • 包含jQuery在您的index.html代码中。

    <script src="jquery.min.js"></script>

  • 然后只需在指定组件内声明它：

    declare let $:any;

于 2017-02-12T23:37:06.020 回答
0

导入 jQuery 的类型，以便 TypeScript 编译器知道它们：

npm install --save @types/jquery

确保你也安装了 jQuery：

npm install --save jquery

并包含来自您的 HTML 页面的脚本：

<script src="node_modules/jquery/dist/jquery.js"></script>

默认情况下，您的 tsconfig 文件将在 node_modules/@types 文件夹下查找以解析类型。假设您没有更改默认值，它应该在编译时自动正确解析 jQuery 类型。

于 2017-02-13T00:29:10.397 回答