Alpine.js не обнаруживается на странице после загрузки Laravel Mix

#javascript #laravel #alpine.js

Вопрос:

Alpine.js не обнаруживается на странице после загрузки Laravel Mix.

webpack.mix.js

 mix.js('resources/js/app.js', 'public/js').sourceMaps()
    .postCss('resources/css/app.css', 'public/css', [
            require('postcss-import'),
            require('tailwindcss'),
            require('autoprefixer'),
        ]
    ).version().sourceMaps();
 

resources/js/app.js

 import 'alpinejs';
 

Я попытался это сделать require(alpinejs) , но это произвело тот же эффект.

Я добавил свой файл js в шаблон блейда.

 <script src="{{ mix('/js/app.js') }}"></script>
 

Я также попытался создать ссылку на /public/js/app.js без использования mix() помощника. Никакого эффекта, но Alpine.js не обнаруживается и не работает (так что это не ошибка с Alpine.js инструменты разработки). Однако добавление Alpine через CDN работает просто отлично, поэтому проблема, должно быть, связана с Laravel Mix. Мой файл public/js.app здесь:

https://gist.github.com/jardayn/2a25cdbed23a7b78e48da596a1eefe9e

Комментарии:

1. Вы читали alpinejs.dev/essentials/установка#как модуля ?

2. @SuperDJ нет, я этого не делал. Спасибо. Вы можете опубликовать свой ответ в качестве ответа, и я отмечу его как правильный

Ответ №1:

Вы читали документы?

После установки alpinejs с npm install alpinejs . Вы должны инициализировать его с помощью:

 import Alpine from 'alpinejs'

window.Alpine = Alpine

Alpine.start()
 

Комментарии:

1. Это действительно зависит от версии, которую использует Игорь. Это для Alpine 3, но его синтаксис действителен для Alpine 2.

2. Использование Alpine 3. Это исправило мою проблему. Спасибо Суперджей