Stimulus JS 控制器未连接到 Rails 应用程序答案

【问题标题】：Stimulus JS Controllers not connecting to Rails AppStimulus JS 控制器未连接到 Rails 应用程序
【发布时间】：2022-08-15 15:15:51
【问题描述】：

我正在使用 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

我的控制器：

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 控制器连接到我的应用程序？

标签： javascript ruby-on-rails ruby stimulusjs hotwire-rails

【解决方案1】：

您是否尝试添加指标“点击”

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

【讨论】：