Stimulus JS 控制器未連接到 Rails 應用程序

Question

我正在使用 Ruby 3.0.2 開發 Rails 7.0.2 應用程序，我正在按照刺激教程制作剪貼板復制按鈕https://stimulus.hotwired.dev/handbook/hello-stimulus 。當我按下按鈕什么都沒有發生，我已經超越了我的控制器連接方法以在連接時登錄到控制台，但沒有任何記錄。 我還在瀏覽器開發工具中收到了一些奇怪的消息：

Uncaught TypeError: Error resolving module specifier “application”. Relative module specifiers must start with “./”, “../” or “/”. data:28:7
Uncaught Error: Unable to resolve specifier '@rails/request.js' imported from http://localhost:3000/assets/application-234f8bed8636066fccb3be9d9c37552702ed61ecdcfeb919a52fa12d5a694d68.js

我的 controller：

import { Controller } from "@hotwired/stimulus"

// Connects to data-controller="copy"
export default class extends Controller {
  static targets = ["source"]

  connect() {
    console.log("connect");
    alert("connect")
  }

  copy(){
    navigator.clipboard.writeText(this.sourceTarget.value)
  }
}

HTML：

    <div class="bg-white px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6" data-controller="copy">
        <dt class="text-sm font-medium text-gray-500">Request URL</dt>
        <dd class="mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-2" data-copy-target="source"><%= @url %></dd>
        <button data-action="copy#copy">Copy!</button>
      </div>

如何將我的 Stimulus 控制器連接到我的應用程序？

Answer 1

您是否嘗試添加指標“點擊”

<button data-action="click->copy#copy">Copy!</button>