Alpine.js 使用 Laravel Mix 加载后未在页面上检测到

Question

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 文件添加到 blade 模板。

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

我还尝试在不使用 mix() 助手的情况下链接到 /public/js/app.js。没有效果，但是 Alpine.js 没有被检测到，而且它不起作用（所以这不是 Alpine.js 开发工具的错误）。但是，通过 CDN 添加 Alpine 效果很好，所以问题一定出在 Laravel Mix 上。我的 public/js.app 文件在这里：

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

Answer 1

你读过docs了吗？

使用 npm install alpinejs 安装 alpinejs 后。你必须初始化它：

import Alpine from 'alpinejs'

window.Alpine = Alpine

Alpine.start()

Alpine.js 使用 Laravel Mix 加载后未在页面上检测到

Alpine.js not being detected on the page after being loaded with Laravel Mix

javascript

laravel

alpine.js