Todavía soy relativamente nuevo en el juego Rails, pero me preguntaba si alguien podría ayudarme con un problema que tengo.

Quería implementar [stimulus-autocomplete][1] en mi aplicación de Rails 6, pero cuando sigo las instrucciones, aparece un error en mi consola y no estoy seguro de cómo solucionarlo.

Mi archivo javascript/controllers/index.js se ve así:

 import { Application } from "stimulus" import { definitionsFromContext } from "stimulus/webpack-helpers" import { Autocomplete } from 'stimulus-autocomplete' const application = Application.start() const context = require.context("controllers", true, /_controller\.js$/) application.load(definitionsFromContext(context)) application.register('autocomplete', Autocomplete)

Ejecuté yarn add stimulus-autocomplete y reinicié mi servidor, pero ahora aparece el siguiente error en la consola:

 Uncaught Error: Module parse failed: Unexpected token (7:17) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders | | export default class Autocomplete extends Controller { > static targets = ["input", "hidden", "results"] | static classes = ["selected"] | static values = { at ./node_modules/stimulus-autocomplete/src/autocomplete.js (bootstrap.esm.js:4999:1) at __webpack_require__ (bootstrap:19:1) at ./app/javascript/controllers/index.js (index.js:1:1) at __webpack_require__ (bootstrap:19:1) at ./app/javascript/packs/application.js (application.js:1:1) at __webpack_require__ (bootstrap:19:1) at bootstrap:83:1 at bootstrap:83:1

Creo que es un problema con los objetivos estáticos y posiblemente algo relacionado con la compatibilidad con ES6, pero no he podido encontrar una solución.

Estoy usando webpack en la aplicación.

Si alguien tiene algún consejo, es muy apreciado!