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>