时间戳

首页 > 解决方案 > Angular组件找不到jquery文件

jquery - Angular组件找不到jquery文件

问题描述

我遵循了一个关于如何在 Angular 中使用 javascript/jquery的教程How to use a Javascript script in Typescript (Angular 5 CLI) 。我已按照步骤操作，但在组件中找不到该文件。

我创建了一个非常简单的 jquery 文件，名为

jqfilejs.js

并下载

jquery-3.3.1.min.js

.

根据教程

"scripts": [
        "../node_modules/jquery/dist/jquery.min.js",
        "assets/js/someJqueryThing.js",...

我已将这些行添加到 angular.cli.json 但使用我的文件名

“资产/js/jqfilejs.js”

我将 jqueryfileadress 更改为

“../node_modules/jquery/dist/jquery-3.3.1.min.js”

. 然后我创建了上面的目录并在 assets/js 中添加了 jqfilejs.js 并将 jquery-3.3.1.min.js 添加到 node_modules/jquery/dist/ 中。

根据教程，我将添加这一行

    import('jqfilejs');
    declare function playSound():void;

到打字稿文件。我在 component.ts 文件中使用它。但是 import('jqfilejs') 声明得到

[ts] 找不到模块“jqfilejs”。

信息。有谁知道我做错了什么？谢谢

标签： jqueryangular

解决方案

将资产文件夹添加到：

"apps": [
{
  "root": "src",
  "outDir": "dist",
  "assets": [
    "assets"     // <<<   
  ],
}]

在 angular.cli.json 中。

推荐阅读