类undefined /拆分后台脚本

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

您可以使用“延迟”属性。

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

defer属性是一个布尔属性，当存在时，它指定在页面完成解析时执行脚本。 1.如果存在异步：脚本与页面的其余部分异步执行（脚本将在页面继续解析时执行）。 2.如果不存在异步并且存在延迟：在页面完成解析时执行脚本。 3.如果不存在异步或延迟：在浏览器继续解析页面之前，将立即获取并执行脚本