Need help setting up v3 #1502

JannieT · 2021-06-15T15:38:54Z

JannieT
Jun 15, 2021

I am having trouble getting started with Alpine v3 in a new project. This is my package.json and Alpine setup:

  "devDependencies": {
    "laravel-mix": "^6.0.19"
  },
  "dependencies": {
    "alpinejs": "^3.0.6"
  }

import Alpine from 'alpinejs'

window.Alpine = Alpine
window.Alpine.start()

Alpine.data('demo', () => ({
    open: false,

    toggle() {
        this.open = !this.open
    }
}))

driving this markup:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Demo</title>
    <script src="assets/app.js"></script>
  </head>
  <body>
    <div x-data="demo">
      <button @click="toggle">Expand</button>

      <div x-show="open">Content...</div>
    </div>
  </body>
</html>

and I build my javascript using laravel-mix:

// webpack.mix.js

let mix = require('laravel-mix');

mix
    .setPublicPath('public')
    .js('src/app.js', 'public/assets');

The javascript build fine and the page loads without errors, but when I click the toggle button, the content expands as expected, but I get the following error in the browser console and the content won't hide on subsequent clicks.

Uncaught (in promise) TypeError: i is not a function app.js:2282:28

Can anyone help me fix my setup?

Answered by JannieT

Jun 29, 2021

https://stackoverflow.com/a/68170592/96944

View full answer

JannieT · 2021-06-29T14:36:18Z

JannieT
Jun 29, 2021
Author

https://stackoverflow.com/a/68170592/96944

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Uh oh!

Need help setting up v3 #1502

Uh oh!

{{title}}

Uh oh!

Replies: 1 comment

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

Uh oh!

Need help setting up v3 #1502

Uh oh!

JannieT Jun 15, 2021

Replies: 1 comment

Uh oh!

JannieT Jun 29, 2021 Author

JannieT
Jun 15, 2021

JannieT
Jun 29, 2021
Author