如何通过 Rails 导入地图使用刺激组件

我想将此刺激组件包含到我全新的 Rails 7 应用程序中：https://www.stimulus-components.com/docs/stimulus-dropdown https://www.stimulus-components.com/docs/stimulus-dropdown

当我遵循他们的设置方法时，我在浏览器控制台中收到以下错误： 平台#：1 未捕获类型错误：无法解析模块说明符“stimulus-dropdown”。相对引用必须以“/”、“./”或“../”开头。

我在 stackoverflow 上找到了这篇文章：无法解析模块说明符“刺激自动完成” https://stackoverflow.com/questions/71489694/failed-to-resolve-module-specifier-stimulus-autocomplete

这建议向我的 importmap.rb 添加一个“pin”。

所以我从这里获取了下拉链接https://www.jsdelivr.com/package/npm/stimulus-dropdown https://www.jsdelivr.com/package/npm/stimulus-dropdown

并将其放入我的 importmap.rb 中：

pin "stimulus-dropdown", to: "https://cdn.jsdelivr.net/npm/[email protected] /cdn-cgi/l/email-protection/dist/stimulus-dropdown.min.js"

但它不起作用并在我的浏览器控制台中显示 404。

我希望有人可以提供帮助，必须有一种简单的方法可以在全新的 Rails 7 应用程序中使用激励组件。

我也很挣扎，但我已经想通了

第一次运行 -

./bin/importmap pin stimulus-dropdown

其次创建一个名为“下拉”的刺激控制器 -

rails g stimulus dropdown

然后将以下代码复制粘贴到下拉控制器中

import { Application } from '@hotwired/stimulus'
 import Dropdown from 'stimulus-dropdown'

 const application = Application.start()
 application.register('dropdown', Dropdown)

完成上述所有操作后，您就可以在您的应用程序中使用刺激下拉菜单了 意见。有关视图示例，请查看网站上的文档。