Класс не определен / разбивает фоновый скрипт

Question

В app.js я хочу создать экземпляр:

const test = new Test;

Класс находится в другом сценарии. (myFetchLibary.js)

class Test{
  constructor() {
    this.client_id = 1234;
  }

Проблема: тест не определен

Все скрипты загружаются в манифест следующим образом:

  "background": {
    "scripts": [  
      "myFetchLibary.js",
      "app.js" ]
 },

также имеет popup.html, который загружает скрипты:

  <script src="app.js"></script>
  <script src="myFetchLibary.js"></script>

Как это сделать в расширениях Chrome? Я не хочу помещать все в 1 файл. Если оба файла загружены, могу ли я позвонить в класс?

Answer 1

Вы можете использовать атрибут "defer".

<script src="app.js" defer></script>
<script src="myFetchLibary.js"></script>

Атрибут defer является логическим атрибутом, когда он присутствует, он указывает, что сценарий выполняется после завершения анализа страницы.
1. При наличии асинхронного: сценарий выполняется асинхронно с остальной частью страницы (сценарий будет выполняться, пока страница продолжает анализ).
2. Если асинхронный режим отсутствует и присутствует отсрочка: сценарий выполняется после завершения анализа страницы.
3. Если нет ни асинхронного, ни отсроченного действия: сценарий извлекается и выполняется немедленно, прежде чем браузер продолжит анализ страницы