不知道为啥,Chrome 浏览器总是报这个错误:(这个是在提交 list 的时候发生的)
npm run dev npm run build 都试了试,chrome 的报错,Safari 不报错
谷歌搜索了一下,大概意思是 Alpine.js 加载的位置,放到了 @livewireScripts 前面了。
参考一: https://devdojo.com/devdojo/snippet/livewire-cannot-read-property-wire-of-undefined 参考二: https://forum.laravel-livewire.com/t/interacting-with-livewire-from-alpine/1687
我调换了 Alphine.js 加载的位置,放置在 @livewireScripts 之后了,但是没啥效果
然后我发现 Alpine.js 的引用有一个 defer,这个好像是延迟加载的。
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.13.3/dist/cdn.min.js"></script>
要说是最后加载的,应该是不影响 @livewireScripts 的,我把 alpinejs 的引用删除了,能输出打印。
但是禁用掉 Alpine.js,不是最好的办法,暂时不知道咋弄!!😅
补充一下,我使用的 Livewire3 版本的,
最新版的我还没有用过,但你可以试一下 this.$wire 这种方式,看能否正常运行。
Livewire3 版本,官方文档上说,已经引入过 Alpine.js 了,估计是重复引用了。
这要看构建方式,如何构建用户脚手架的时候,咱们使用的是Blade with Alpine ,那会自动引入,如果不是这种方式需要自己好好检查一下,看一看bootstrap.js 还是 app.js 来着,看看里面有没有alpinejs,通过 package.json 也可以粗略检查。
不知道为啥,Chrome 浏览器总是报这个错误:(这个是在提交 list 的时候发生的)
谷歌搜索了一下,大概意思是 Alpine.js 加载的位置,放到了 @livewireScripts 前面了。
我调换了 Alphine.js 加载的位置,放置在 @livewireScripts 之后了,但是没啥效果
然后我发现 Alpine.js 的引用有一个 defer,这个好像是延迟加载的。
要说是最后加载的,应该是不影响 @livewireScripts 的,我把 alpinejs 的引用删除了,能输出打印。
但是禁用掉 Alpine.js,不是最好的办法,暂时不知道咋弄!!😅
补充一下,我使用的 Livewire3 版本的,
最新版的我还没有用过,但你可以试一下 this.$wire 这种方式,看能否正常运行。
Livewire3 版本,官方文档上说,已经引入过 Alpine.js 了,估计是重复引用了。
这要看构建方式,如何构建用户脚手架的时候,咱们使用的是Blade with Alpine ,那会自动引入,如果不是这种方式需要自己好好检查一下,看一看bootstrap.js 还是 app.js 来着,看看里面有没有alpinejs,通过 package.json 也可以粗略检查。