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

Question

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

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();

资源/js/app.js

import 'alpinejs';

我尝试这样做require(alpinejs)，但效果相同。

我已将 js 文件添加到刀片模板中。

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

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

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

Answer 1

根据Alpine 3 的文档，您需要对其进行初始化。

安装 alpinejs 后npm install alpinejs。您可以使用以下方法初始化它：

import Alpine from 'alpinejs'

window.Alpine = Alpine

Alpine.start()