Ionic 外部库在电容器4中不工作,带有离子

jvidinwx  于 2023-02-06  发布在  Ionic
关注(0)|答案(1)|浏览(158)

我正在尝试使用一个外部库与离子6和电容器4。工作正常的浏览器,但崩溃时,尝试从一个设备。iOS和Android。
我在index.html中插入外部库:

    • 索引. html**
<html>
<body>
  <app-root></app-root>
</body>
<script src="https://urlExample.js"></script>
</html>

我在我的页面中全局声明了库使用的变量。我尝试过用let、var或const声明它,结果都一样。

    • 主页. ts**
import { Component } from '@angular/core';

declare var ExampleVar: any;

@Component({
  selector: 'app-home',
  templateUrl: 'home.page.html',
  styleUrls: ['home.page.scss'],
})
export class HomePage {

  constructor() {
    console.log(ExampleVar); //works fine

    this.startApi();
  }

  startApi() {
    ExampleVar.start({
       authorization: 'token'
    });
  }
}

ExampleVar.start函数工作正常,它开始执行脚本所具有的调用。
但是它好像没有收到我发给它的令牌。
同样的代码在电容器3中工作正常,但当迁移到电容器4时,它停止工作,我不知道为什么。

voase2hg

voase2hg1#

我自己回答。
问题来自电容器版本4.3.0的变更:https://github.com/ionic-team/capacitor/issues/5145
从这个版本开始,为了允许在第三方调用中发送cookie和头文件,有必要从项目根目录中的capacitor.config.ts对其进行管理。

plugins: {
    CapacitorHttp: {
      enabled: false,
    },
    CapacitorCookies: {
      enabled: true,
    },
}

通过添加此配置,脚本调用可以正常工作。

相关问题