将 jquery 添加到 angular 2 wepack 项目（Bootstrap 的 JavaScript 需要 jQuery）

Question

我正在使用 angular-cli .net 核心启动器。现在我正在添加自己的 css + javascript 并收到以下错误：

处理请求时发生未处理的异常。 异常：调用 Node 模块失败并出现错误：预渲染因错误而失败：错误：Bootstrap 的 JavaScript 需要 jQuery

我已经试过了：

npm install jquery 

+

import $ from 'jquery'; => in app component

如何使用 webpack / angular2 配置 jquery？

谢谢！

Answer 1

安装类型定义：

npm install @types/jquery

Answer 2

步骤

1. npm install jquery — save

2. 将"scripts": [ "../node_modules/jquery/dist/jquery.min.js" ] 添加到 angular-cli.json 文件中

3. 将其导入组件：import * as $ from 'jquery';

4. 例子：

   $(document).ready(function(){
       $("button").click(function(){ 
        ...
      } 
   });