[英]Tom select maxOptions with stimulus.js controller [Rails]
[英]Rails 6 Stimulus.js won't run
我在我的新 Rails 6 应用程序中安装了 Stimulus.js。
在我的packs/application.js
文件中,我有以下内容:
// This file is automatically compiled by Webpack, along with any other files
// present in this directory. You're encouraged to place your actual application logic in
// a relevant structure within app/javascript and only use these pack files to reference
// that code so it'll be compiled.
require("@rails/ujs").start()
require("turbolinks").start()
require("@rails/activestorage").start()
require("channels")
// Uncomment to copy all static images under ../images to the output folder and reference
// them with the image_pack_tag helper in views (e.g <%= image_pack_tag 'rails.png' %>)
// or the `imagePath` JavaScript helper below.
//
// const images = require.context('../images', true)
// const imagePath = (name) => images(name, true)
import "controllers";
在app/javascript/controllers/index.js
,我有以下内容:
// Load all the controllers within this directory and all subdirectories.
// Controller files must be named *_controller.js.
import { Application } from "stimulus"
import { definitionsFromContext } from "stimulus/webpack-helpers"
const application = Application.start()
const context = require.context(".", true, /.js$/)
application.load(definitionsFromContext(context))
我有一个hello_controller.js
看起来像
// Visit The Stimulus Handbook for more details
// https://stimulusjs.org/handbook/introduction
//
// This example controller works with specially annotated HTML like:
//
// <div data-controller="hello">
// <h1 data-target="hello.output"></h1>
// </div>
import { Controller } from "stimulus"
export default class extends Controller {
connect() {
console.log('HELLO');
}
}
我已将其插入 DOM 元素,如下所示:
<div data-controller="hello">Hello, world</div>
当 webpacker 打包所有内容并刷新站点时,我的console.log
不会在我的开发控制台中呈现,也不会看到任何错误消息。
不完全确定我的设置有什么问题(默认设置),但是,这个 repo 设置有效! https://github.com/rodloboz/stimulus-rails
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.