jQuery 不能在 Angular 4 中工作

Question

我尝试运行以下 npm install 但它没有解决任何问题。 npm install jquery --save npm install @types/jquery --save-dev

我在 .angular-cli.json 文件中添加了“脚本”：[“../node_modules/jquery/dist/jquery.min.js”]。

app.component.ts

import { Component } from '@angular/core';
declare var $:any;


@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})

export class AppComponent {

title = 'jQuery works!';


       onToggle(){

$('.test').slideToggle();

       }

}

错误：$ 未定义

Answer 1

你试过这样导入 jquery 吗？

import * as $ from 'jquery';