Typeerror: cannot read properties of undefined (reading ‘XXX‘)

最近需要在离线机器上运行软件,所以得把软件用docker打包起来,大部分功能都没问题,出了一个奇怪的事情。同样的代码,在本机上用vscode可以运行起来,但是打包之后在docker里出现了问题。使用的是dialog组件,点击按钮之后屏幕变暗,但是没显示任何数据,调出控制台看了一下,后端返回的数据也是正确的。

经过不懈的排查,发现原来是弹窗组件里有个数据报错如题所示,导致了整个界面无法显示。奇怪的是同样用docker容器作为后端和数据库,vscode运行的项目可以正常显示,但是docker使用npm run build构建的前端却出现了问题,匪夷所思。刚开始怀疑是样式的问题,调整了半天发现并不是。后面仔细看了下代码,发现这个问题应该是**访问了一个未定义的变量的属性,**所以得给个初始值,调整后还是不行,最后终于是发现了问题:

弹窗中有个访问了一个item[xx],但是这个item的初始化用的是const赋值为空,后面才在函数中给item赋值了,总所周知,const定义的变量是个常量,改成let之后就可以运行成功了。。。

真是头大的一天,不理解为啥vscode用npm run serve 运行的前端就可以正常显示

相关推荐
码界筑梦坊13 小时前
353-基于Python的大湾区气候数据可视化分析系统
开发语言·python·信息可视化·数据分析·django·vue·毕业设计
澄江静如练_21 小时前
ref和reactive
vue
码界筑梦坊2 天前
336-基于Python的肺癌数据可视化分析预测系统
开发语言·python·信息可视化·数据分析·django·vue·毕业设计
Thomas.Sir2 天前
第十四章:基于 FastAPI+Vue3 的智能聊天系统全栈开发实战
vue·状态模式·fastapi·智能
abigale033 天前
从零实现 AI 聊天助手:可直接复用的前端核心方案
chatgpt·vue·流式输出
前端飞行手册4 天前
electron应用开发模板,集成多种解决方案
前端·javascript·学习·electron·前端框架·vue
RuoyiOffice5 天前
企业请假销假系统设计实战:一张表、一套流程、两段生命周期——BPM节点驱动的表单变形术
java·spring·uni-app·vue·产品运营·ruoyi·anti-design-vue
Mephisto1805025 天前
Vue 3 变量声明和调用
vue
RuoyiOffice5 天前
SpringBoot+Vue3+Uniapp实现PC+APP双端考勤打卡设计:GPS围栏/内网双模打卡、节假日方案、定时预生成——附数据结构和核心源码讲解
java·spring·小程序·uni-app·vue·产品运营·ruoyi
Irene19915 天前
Vue 2、Vue 3 、Vuex 3、Vuex 4 和 Pinia 响应式丢失场景及解决方案
vue·pinia·vuex