如何使用importmaps初始化弹出器（工具提示）

我修改了application.js中 Bootstrap 的import语句，并修改了importmaps中的pin语句，使其与文档（链接如下）一致。

应用程序/Java脚本/应用程序. js

// app/javascripts/application.js
import "@popperjs/core";
import "bootstrap";

document.addEventListener("turbo:load", function () {
  // This code is copied from Bootstrap's docs. See link below.
  var tooltipTriggerList = [].slice.call(
    document.querySelectorAll('[data-bs-toggle="tooltip"]')
  );
  var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
    return new bootstrap.Tooltip(tooltipTriggerEl);
  });
});

注意，内部代码来自Bootstrap的文档，将初始化屏幕上的所有工具提示。

配置/导入Map.rb

pin "application", preload: true
pin "@hotwired/turbo-rails", to: "turbo.min.js", preload: true
pin "@hotwired/stimulus", to: "stimulus.min.js", preload: true
pin "@hotwired/stimulus-loading", to: "stimulus-loading.js", preload: true
pin_all_from "app/javascript/controllers", under: "controllers"

# Note: Everything above was added by default. Added these two lines:
pin "bootstrap", to: "bootstrap.min.js", preload: true
pin "@popperjs/core", to: "popper.js", preload: true

最后两行与您的代码略有不同，但它们是从the gem's docs复制粘贴而来的。
正如你所做的那样，我还必须补充以下内容：

配置/初始化程序/资产.rb

# ... default code above ...
Rails.application.config.assets.precompile += %w( bootstrap.min.js popper.js )