Как сохранить js-скрипт в локальной структуре проекта и использовать его [Angular]

Question

Мне нужна помощь. Я работаю над проектом Angular. Я делаю несколько вызовов API (GET/PUT) на удаленный сервер. Чтобы сэкономить время и повысить производительность моего приложения, я подумал, давайте оставим его в моем локальном хранилище. Итак, я загрузил файл JS и сохранил его в папке с ресурсами.

Ранее код был:

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>

angular.json

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

Но все та же проблема. Пожалуйста, помогите мне.

Answer 1

You need to serve your local file using some web server. Or a easier way would be to just import local file as module.

import "path/to/localfile.js";

then you can directly use methods/variables from that file.