首页 > 解决方案 > Alpine.Js - 我如何升级

问题描述

我在用

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 无法正常工作

编辑于 2021 年 6 月 25 日 类似下面的东西不起作用

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

2021 年 6 月 26 日编辑我尝试输入

Alpine

在控制台中,它说

Alpine is not defined

标签: laravel-8alpine.js

解决方案


我今天为此苦苦挣扎。

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

推荐阅读