javascript - 如何在本地项目结构中保留 js 脚本并使用它 [Angular]

Question

我需要帮助。我正在做一个 Angular 项目。我正在对远程服务器进行一些 API 调用（GET/PUT）。为了节省我的应用程序的时间和性能，我想让我们把它保存在我的本地。因此，我下载了 JS 文件并将其保存在assets文件夹中。

以前的代码是：

private loadMySisenseJs(): Promise<any> {
    ...
    // load required js
    this.sisenseJsLoadPromise = new Promise((resolve, reject) => {
        const sisenseJsSrc = 'https://sisense-dev.dummy.com/js/sisense.js'; // FROM SERVER
        ...    
        });
        return this.sisenseJsLoadPromise;
    }
}

现在代码是：

private loadMySisenseJs(): Promise<any> {
    ...
    // load required js
    this.sisenseJsLoadPromise = new Promise((resolve, reject) => {
        const sisenseJsSrc = '../../../assets/sisense.js'; // FROM LOCAL
        ...    
        });
        return this.sisenseJsLoadPromise;
    }
}

但我仍然得到：

我也试过这些东西：

1. index.html

<script type="text/javascript" src="path-to-javascript-file.js"></script>

角.json

"scripts": [
        ...
        "(local path to js file)/sisense.js"
    ]

但仍然是同样的问题。请帮我。

Answer 1

您需要使用一些 Web 服务器来提供本地文件。或者更简单的方法是将本地文件作为模块导入。

import "path/to/localfile.js";

然后您可以直接使用该文件中的方法/变量。