我正在尝试使用一个外部库与离子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时,它停止工作,我不知道为什么。
1条答案
按热度按时间voase2hg1#
我自己回答。
问题来自电容器版本4.3.0的变更:https://github.com/ionic-team/capacitor/issues/5145
从这个版本开始,为了允许在第三方调用中发送cookie和头文件,有必要从项目根目录中的capacitor.config.ts对其进行管理。
通过添加此配置,脚本调用可以正常工作。