Rails7 importmap-railsを利用してChoices.jsを実装したい（Stimulus）

Question

前提

Rails7のimportmap-railsを利用してChoices.jsを実装したいのですが、エラーが出てしまいました。
https://github.com/Choices-js/Choices

発生している問題・エラーメッセージ

Failed to register controller: select (controllers/select_controller) 
SyntaxError: The requested module 'choices.js' does not provide an export named 'default'

該当のソースコード

//app > javascript > controllers > select_controller.js

import {Controller} from "@hotwired/stimulus"
import Choices from "choices.js"

console.log('select_controller');
export default class extends Controller {
    connect() {
        this.choices = Choices.create(this.element, {})
    }
}

# importmap.rbに下記を追加
pin "choices.js", to: "https://cdn.jsdelivr.net/npm/choices.js@10.1.0/public/assets/scripts/choices.js"

# index.html.erb
<select data-controller="select" name="spice">
  <option value="">スパイスを選択</option>
  <option value="garammasala">ガラムマサラ</option>
  <option value="coriander">コリアンダー</option>
  <option value="cumin">クミン</option>
</select>

試したこと

index.html.erbにchoices.jsリンクなどを直接書き込んで動作確認を行った
importmapsの使い方について学び、Sortable.jsを実装した：https://youtu.be/veWpot6zfUQz

補足情報（FW/ツールのバージョンなど）

Rails 7.0.2.3
ruby 3.1.1

Comments

[no1knows]

stimulus-railsの設定なのでは・・・と思ったので、そちらも調べてみたいと思います！

Answer 1

jsdeliverとga.jspm.ioとでディレクトリ構造が異なっていました。
ga.jspm.ioで実装し直したところ、Choices.jsを読み込めたので、あとはjsの実行タイミングを修正して解決しました。

//app > javascript > controllers > select_controller.js
import {Controller} from "@hotwired/stimulus"
import Choices from "choices.js"

console.log('select_controller');
export default class extends Controller {
    initialize() {
        this.choices = new Choices(this.element, {})
    }

    connect() {
    }
}

# importmap.rb
pin "choices.js", to: "https://ga.jspm.io/npm:choices.js@10.1.0/public/assets/scripts/choices.js"