[question] Element with ID

[richjdsmith]

I am not sure where else to turn. I am getting this error code in VScode:

Element with id /home/richsmith/workspace/retiredmortgages/app/javascript/controllers/countchars_controller.js-countchars-true is already registered

I am at a loss as to what this means and what's causing it.

The controller itself is super simple:

import { Controller } from "@hotwired/stimulus"
export default class extends Controller {
  static targets = ["name", "counter"]
  connect() {
    console.log("Countchars controller connected")
  }

  countCharacters(event) {
    let characters = this.nameTarget.value.length;
    this.counterTarget.innerText = characters;
  }
}

But no matter what I do, this error lives on. Any suggestions? place to turn?

[richjdsmith]

It appears not to be related with any one controller. Possibly an importmaps issue?

[marcoroth]

Hey @richjdsmith, thanks for reporting this! Somehow I totally missed this, my bad!

I think it has to do with the parser and how it sees your application. Would you mind sharing your app/javascript/controllers/index.js and your app/javascript/controllers/application.js file? Thank you!

[luizkowalski]

hey, I'm seeing the same issue. Here is my application.js:

import { application } from './application'

import AutoremoveController from './autoremove_controller'

import AutosubmitController from './autosubmit_controller'

import DoubleConfirmController from './double_confirm_controller'

import DropdownController from './dropdown_controller'

import FormloaderController from './formloader_controller'

application.register('autoremove', AutoremoveController)
application.register('autosubmit', AutosubmitController)
application.register('double-confirm', DoubleConfirmController)
application.register('dropdown', DropdownController)
application.register('formloader', FormloaderController)

it is automatically formatted by Standard

a solution I found was to ignore index.js from Standard so that it doesn't mess with controllers:

"standard": {
    "ignore": [
      "app/javascript/controllers/index.js"
    ]
  }

and run bin/rails stimulus:manifest:update