Alpine.Js - 我如何升级

Question

我在用

https://github.com/laravel-frontend-presets/tall

并且无法升级alpine.js版本

我尝试更改package.json

更改自

"alpinejs": "^2.8.2",

变成

"alpinejs": "^3.1.0"

编辑 ：

npm install
npm run dev

但 alpine.js 无法正常工作

编辑于 25Jun2021 类似下面的东西不起作用

<div x-data="{ title: 'Start Here' }">
   <h1 x-text="title"></h1>
</div>

编辑于 26Jun2021 我尝试输入

Alpine

在控制台中它说

Alpine is not defined

Answer 1

今天我正为此苦苦挣扎。

在package.json文件中你会看到 alpinejs 版本 2.x 的东西。

将其更改为 3.0.0

"alpinejs": "^3.0.0",

现在，当您运行时，npm install alpinejs它会将 alpine 升级到我的最新版本"alpinejs": "^3.2.2",。

最后，您需要打开resources/js/app.js文件并添加新的 alpine 内容

require('./bootstrap');
require('./index');

import Alpine from 'alpinejs'
// Add any extra packages you want to install here
window.Alpine = Alpine

Alpine.start()