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>