Rails 7：Stimulus 在控制台中未显示 output

Question

我是一名菜鸟，我试图了解如何在线使用 Stimulus，然后当我在 Rails 应用程序中使用 Stimulus 时，我的控制台突然不显示输出（在检查元素中）

应用程序/javascript/controllers/dropdown_controller.js

从“@hotwired/stimulus”导入{Controller}

// Connects to data-controller="dropdown"
export default class extends Controller {
  connect() {
    console.log("Hello")
  }
}

应用程序/javascript/aplication.js

// Entry point for the build script in your package.json
import "@hotwired/turbo-rails"
import "./controllers"

应用程序/视图/订单/_form.html.erb

<div data-controller="dropdown">
      <h3>Hello</h3>
</div>

（我没有显示整个表格，因为这是与 Stimulus 相关的表格中的主要上下文）那么这里的问题是什么？ 为什么它不在控制台中显示 output（检查 chrome 中的元素）

根据其他 Stackoverflow 帖子，我们必须运行rails assets:clobber才能修复它，但我的仍然不起作用:(

我有机会做一些愚蠢的事情吗？

Answer 1

在数据控制器中使用文件名，例如 controller 的名称

<div data-controller="dropdown_controller">
      <h3>Hello</h3>
</div>