在角度组件中使用 jquery/js 模块 [重复]

Question

我想在我的组件中使用一个使用外部库的 jquery 函数，所以我在 angular.json 中添加了它的库

            "scripts": [
              "node_modules/jquery/dist/jquery.min.js",
              "node_modules/popper.js/dist/umd/popper.min.js",
              "node_modules/bootstrap/dist/js/bootstrap.min.js",
              "src/html5media.min.js",
              "src/plyr.min.js",
            ]

否则我什至将这个库用作主 index.html 文件

    <link rel="stylesheet" href="https://cdn.plyr.io/3.5.6/plyr.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/html5media/1.1.8/html5media.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/plyr/3.5.6/plyr.min.js"></script>
  </head>

然后在我的组件中导入jquery函数

import * as $ from 'plyr';

正如您在下面的链接中看到的，这个 jquery 函数使用了一个应该引用库链接的类 (Plyr)，但是当我为我的项目提供服务时，看到这个错误：

error TS2304: Cannot find name 'jQuery'.

37         jQuery(function ($) {
           ~~~~~~

有趣的是，当我重新保存保存组件文件时，它可以工作，但在终端内仍然存在错误：

error TS2304: Cannot find name 'Plyr'.

35                 var player = new Plyr('#audio1', {
                                    ~~~~

提到的jquery文件：

Answer 1

如果你想导入plyr，使用安装它

npm i plyr

然后您可以使用

将其导入您的组件中

import Plyr from 'plyr';.