salesforce - Send message from aura component to Javascript application

Question

This is my aura component. This component holds a small javascript application.

<aura:component controller="ProductController" implements="forceCommunity:availableForAllPageTypes,flexipage:availableForAllPageTypes" access="global" >
    <aura:handler name="init" value="{!this}" action="{!c.doInit}"/>
   
<lightning:container  aura:id="box" class="container" onmessage="{!c.handleMessage}" src="{!$Resource.AppZip + '/index.html'}"/>    
</aura:component>

Controller

doInit: function(component, event, helper) {
    var action = component.get('c.getProduct');
    action.setCallback(this, function(a){
        if(state == 'SUCCESS') {
            component.find("box").message('HELLO WORLD');                                           
        }
    });
                                                           
    $A.enqueueAction(action);
} 

My javascript application

var LCC = require("lightning-container");

document.addEventListener("DOMContentLoaded", function() {
  LCC.addMessageHandler(function(msg) {
    console.log("RECEIVE MESASGE: ", msg);
});

However, I cannot receive the message. Could you guys show me what is wrong? Thank you

Answer 1

等待大神答复