如何解决构建生产应用程序时,Ionic 5动画无法正常工作
我正在制作一个离子/角度应用程序,通过一次显示一组纸牌来测试内存,而离子5的动画存在问题。当我在浏览器中进行离子投放时,动画效果非常好,卡片出现并消失。当我在执行ng build --prod之后尝试在Firebase托管上运行我的应用程序时,出现奇怪的故障,其中出现了卡,但在切换到下一张卡之前闪烁,有人知道如何解决此问题吗?
这是我的card-span.page.ts中控制动画的代码(currentCardView是@ViewChild,它引用DOM中的元素):
router.get('/person',async (req,res) => {
const person = await Person.find();
person.id = person._id;
delete person._id;
res.send(person);
});
这是我的card-span.service.ts中的代码,用于控制卡的切换:
brighten() {
const brighten = this.animationCtrl.create()
.addElement(this.currentCardView.nativeElement)
.duration(1800)
.iterations(1)
.fromTo('opacity','0','1');
brighten.play()
}
这是我card-span.page.ts中的事件发射器订阅:
runSeries(i) {
this.eventemitter.onForm('disappear')
if (this.paused === true) {
this.pausedi = i
}
else {
if (i < this.level) {
this.currentCard = this.getRandomCard()
this.eventemitter.onCurrentCardRoute(this.currentCard)
// this.animate.emit('fade')
this.eventemitter.onAnimate('brighten')
setTimeout(() => {
i++
this.runSeries(i)
},1900)
} else {
// this.animate.emit('fade')
setTimeout(() => {
this.eventemitter.onForm('reappear')
},600)
}
}
}
最后,这是我的HTML代码,其中包含显示的卡片:
this.eventemitter.animate.subscribe(value => {
if (value === 'brighten') {
this.brighten()
}
})
我对为什么游戏可以在localhost上正常运行但不能在Firebase主机上运行感到非常困惑,这与ng build --prod编译我的代码有什么关系吗?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。