ฉันจะทำให้รหัส JavaScript นี้ทำงานได้อย่างไรเมื่อเปิดใช้งานโมดูล BigPipe

ฉันพยายามดิ้นรนกับการดำเนินการ JavaScript เมื่อฉันต้องการกำหนดเป้าหมายองค์ประกอบ DOM ที่เพิ่มผ่านโมดูล BigPipe เมื่อฉันเข้าสู่ระบบบนไซต์ Drupal ของฉัน

รหัสต่อไปนี้ทำงานเมื่อฉันไม่ได้เข้าสู่ระบบ แต่จะไม่ถูกดำเนินการเมื่อฉันเข้าสู่ระบบ

(ฟังก์ชัน ($) {
  'ใช้อย่างเข้มงวด';

  Drupal.behavior.bpBlockTest = {
    แนบ: ฟังก์ชัน (บริบท การตั้งค่า) {
      $('.my-block', context).once('bp-block-testing').each(function () {
        var $myBlock = $(สิ่งนี้);
        var $addOn = $('<span>ส่วนเสริม</span>');
        $addOn.appendTo($myBlock);
      });
    }
  }

}(jQuery));

สำหรับเวอร์ชันปัจจุบันของ Drupal นี่เป็นวิธีที่ถูกต้องในการเรียกใช้ Javascript (รวมถึง jQuery, Drupal และ Drupal แบบใหม่เมื่อไลบรารี):

(ฟังก์ชัน ($, Drupal หนึ่งครั้ง) {
  Drupal.behaviors.myModuleBehavior = {
    แนบ: ฟังก์ชัน (บริบท การตั้งค่า) {
      ครั้งเดียว ('myCustomBehavior', 'input.myCustomBehavior', บริบท).forEach (ฟังก์ชัน (องค์ประกอบ) {
        // ใช้เอฟเฟกต์ myCustomBehavior กับองค์ประกอบเพียงครั้งเดียว
      });
    }
  };
})(jQuery, Drupal, ครั้งเดียว);

MODULE.libraries.yml หรือ THEME.libraries.yml:

ฟูบาร์:
  จส:
    js/foobar.js: {}
  การพึ่งพา:
    - หลัก / drupal
    - คอร์ / jquery
    - แกน/ครั้ง

จาก https://www.drupal.org/docs/drupal-apis/javascript-api/javascript-api-overview

ดูสิ่งนี้ด้วย https://www.drupal.org/node/3158256