javascript - Rails 7 Import Maps - 使用自定义脚本导入文件夹

Question

使用 Rails 7 并导入地图。尝试使用一些自定义 JS 导入文件夹。

# config/importmap.rb
pin_all_from "app/javascript/custom", under: "custom"

# app/javascript/application.js
import "custom"

Uncaught TypeError: Failed to resolve module specifier "custom"在 Chrome 和FirefoxUncaught Error: Unable to resolve specifier 'custom' from [shim]上提供

有趣import "custom/script"的是工作正常。

我究竟做错了什么？

Answer 1

虽然在某些用例中这可能仍然是一件有效的事情，但我认为我试图做的是在 Rails 7 中有点反模式。

使用 Stimulus 控制器非常容易。

刺激手册供参考

例如，当用户单击“x”时关闭警报

// app/javascript/alerts_controller.js
import { Controller } from "@hotwired/stimulus"

export default class extends Controller {
    dismiss () {
        this.element.style.display = 'none';
    }
}

<div data-controller="alerts">
    <h2> Alert! </h2>
    <span data-action="click->alerts#dismiss"><i class="fas fa-times"></i></span>
</div>