如何访问 Salesforce Lightning Web 组件中的加载脚本？

Question

当 loading an external library 在 Lightning Web 组件中时，我似乎无法访问实际脚本。相反，我只能通过检查解析的导入字符串来找到对静态资源的引用。

phone.js:

import { LightningElement } from 'lwc';
import { loadScript } from 'lightning/platformResourceLoader';
import JsSIP from '@salesforce/resourceUrl/jssip';
// import * as JsSIP from 'jssip';

export default class Phone extends LightningElement 
{
    ...
    async connectedCallback() {
        console.log(JsSIP); // This resolves to the static resource location inside the connected org in a string.

        loadScript(this, JsSIP + '/jssip.js')
            .then(() => { 
                console.log(JsSIP.version); // This is only accessing the resource reference, not the actual script; so result is *undefined*. 
    ...
}

所以我的问题是：“如何访问加载的脚本而不是资源引用？”。

我遵循了似乎处理相同引用问题的指南 here and here and found this GitHub issue。然而，对于我的具体情况，解决方案并不明显。

如有任何帮助，我们将不胜感激！

Answer 1

我认为您的库在完成加载后会创建一个名为 JsSIP 的“全局”对象。并且该名称与文件引用的名称冲突。您可以将其命名为 import jssip 或 jsSipLibrary 或其他名称，看看会发生什么？

将debugger; 语句放入then 并在设置-> 调试模式中启用调试。使用浏览器的控制台打开页面（大部分时间是 F12）

如何访问 Salesforce Lightning Web 组件中的加载脚本？

How to access loaded script in Salesforce Lightning Web Component?

salesforce

lwc