Add jquery to angular 2 wepack project (Bootstrap's JavaScript requires jQuery)

Question

I'm using the angular-cli .net core starter. Now I'm adding my own css + javascript and getting following error:

An unhandled exception occurred while processing the request. Exception: Call to Node module failed with error: Prerendering failed because of error: Error: Bootstrap's JavaScript requires jQuery

I already tried:

npm install jquery 

+

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

How do you configure jquery with webpack / angular2 ?

Thanks!

Answer 1

安装类型定义：

npm install @types/jquery

Answer 2

steps

1. npm install jquery — save

2. Add "scripts": [ "../node_modules/jquery/dist/jquery.min.js" ] to angular-cli.json file

3. Import it into the component : import * as $ from 'jquery';

4. Example:

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