高山表达式错误：无法设置 null 的属性（设置“_x_dataStack”）答案

【问题标题】：Alpine Expression Error: Cannot set properties of null (setting '_x_dataStack')高山表达式错误：无法设置 null 的属性（设置“_x_dataStack”）
【发布时间】：2021-12-17 01:40:36
【问题描述】：

我用 Alpine JS 创建了一个简单的倒计时，但是当计时器为 0 时，我有一个错误。首先在 x-data 中声明函数 appTimer。

 <div x-data="appTimer()">
    <div x-show="active">
        <template x-if="countdown > 0">
            <div>
                <div>Counting down</div>
                <div x-text="countdown"></div>
            </div>
        </template>
        <template x-if="countdown === 0">
            Countdown completed!
        </template>
    </div>
</div>

这段代码JS，这里设置active、countdown和window.setInterval。

 <script>
    function appTimer()
    {
        return {
            active: true,
            countdown: 5,
            init() {
                window.setInterval(() => { 
                  if(this.countdown > 0) this.countdown = this.countdown - 1; console.log(this.countdown)}, 1000)
            }
        }
    }
</script>

【问题讨论】：

标签： alpine.js

【解决方案1】：

我认为这取决于您的比较。你比较严格，但我不知道倒计时是否是整数。尝试与==进行比较

<template x-if="countdown == 0">

【讨论】：

我尝试使用 == 但同样的错误。