如何在Angular 5中集成jQuery插件Mapael？

我之前帮不少开发者解决过Angular里引入jQuery的问题，这里给你一套从基础安装到验证的完整步骤，亲测靠谱：

• 安装jQuery核心包
  首先通过npm安装jQuery本身，执行以下命令：
  npm i jquery

• 安装TypeScript类型定义文件
  由于Angular基于TypeScript开发，需要安装对应的类型声明文件，这样既能获得编辑器的代码提示，也能避免编译报错：
  npm install -D @types/jquery

• 配置Angular脚本引用
  找到项目根目录下的angular.json文件，在apps数组对应的项目配置中，将jQuery的本地文件路径添加到scripts数组里：

  "apps": [{
    // 其他项目配置项...
    "scripts": [
      "../node_modules/jquery/dist/jquery.min.js"
    ],
    // 其他项目配置项...
  }]
  

• 在组件中验证jQuery是否可用
  打开任意Angular组件，在顶部引入jQuery，然后就可以在组件类中正常使用了，比如在ngOnInit钩子中测试：

  import { Component, OnInit} from '@angular/core';
  import * as $ from 'jquery';
  
  @Component({
    selector: 'app-your-component',
    templateUrl: './your-component.component.html',
    styleUrls: ['./your-component.component.css']
  })
  export class YourComponent implements OnInit {
    ngOnInit(): void {
      // 测试jQuery是否加载成功
      $(document).ready(() => {
        console.log('jQuery已成功加载并可用！');
      });
    }
  }
  

内容的提问来源于stack exchange，提问作者ak.leimrey