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

Question

我正在使用 angular-cli .net 核心啟動器。 現在我正在添加我自己的 css + javascript 並收到以下錯誤：

處理請求時發生未處理的異常。 異常：調用節點模塊失敗，錯誤：預渲染失敗，因為錯誤：錯誤：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(){ ... } });