Rails7後からimportmapでBootstrap5を導入するで大いに躓いた

公式や他の記事をみて、以下をおこなった。

bin/importmap pin bootstrap 

まず、application.jsのimport"popper"でimportに関係するエラー
そうだよね、"@popperjs/core"という名前でpinしているんだもんな、で

pin "@popperjs/core", to: "popper.js", preload: true

を

pin "popper", to: "popper.js", preload: true

に変更

次はpopperがbootstrapで見つからないエラー
他のページをみてpin先をcdnに変えたりなど頑張った。

pin "popper", to: "popper.js", preload: true

結局application.jsのimportの順番を

import "bootstrap";
import "popper";

から

import "popper";
import "bootstrap";

で無事解決。
でもトラップ多すぎだな。特に初心者はきつい