Skip to content

[BUG] AlpineDevtools show no components/stores #461

@nerdoc

Description

@nerdoc

Describe the bug
I am using Tetra (https://tetraframework.com - to be said, I am the maintainer, and ATM more or less main author of Tetra...) which internally uses AlpineJS.

I don't know when it stopped, but I don't see any components in my AlpineDevTools console, despite my components work in the UI.

I first thought that the culprit is my tetra code, as AlpineDevTools just prints to console:

"Alpine Devtools: waiting for init request..."

To Reproduce
Create a local html page with almost no content, the unpkg import of alpinejs and the most basic component I could find:

<!DOCTYPE html>
<html lang="en">
<head>
<title>test</title>
</head>

<body>
  <script src="https://unpkg.com/alpinejs" defer></script>

  <div x-data="{ open: false }">
    <button @click="open = ! open">Toggle Content</button>
    <div x-show="open">
        Content...
    </div>
  </div>
</body>
</html>

The toggle button works in Firefox, but my AlpineDevTools show nothing:

Image

Was there an API break, did I miss something?

I am currently evaluating the pro version because I thought It might be the issue, but it's the same.

Device information (please complete the following information):

  • OS: Linux
  • Browser : Firefox
  • Extension version 2.7.2
  • Alpine.js version [eg. 3.15.4]

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions