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 運行的前端就可以正常顯示

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/web/82992.shtml
繁體地址,請注明出處:http://hk.pswp.cn/web/82992.shtml
英文地址,請注明出處:http://en.pswp.cn/web/82992.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

前后端分離開發 和 前端工程化

來源:黑馬程序員JavaWeb開發教程,實現javaweb企業開發全流程(涵蓋SpringMyBatisSpringMVCSpringBoot等)_嗶哩嗶哩_bilibili 前后端混合開發: 需要使用前端的技術棧開發前端的功能,又需要使用Java的技術棧…

QT線程同步 QReadWriteLock并發訪問

QT多線程專欄共有17篇文章,從初識線程到、QMutex鎖、QSemaphore信號量、Emit、Sgnals、Slot主線程子線程互相傳值同步變量、QWaitCondition、QReadWriteLock、事件循環、QObjects、線程安全、線程同步、線程異步、QThreadPool線程池、ObjectThread多線程操作、 moveToThread等…

【物聯網-ModBus-RTU

物聯網-ModBus-RTU ■ 優秀博主鏈接■ ModBus-RTU介紹■(1)幀結構■(2)查詢功能碼 0x03■(3)修改單個寄存器功能碼 0x06■(4)Modbus RTU 串口收發數據分析 ■ 優秀博主鏈接 Modbus …

03.數據類型

數據類型 數據長什么樣數據需要多少空間來存放系統內置數據類型用戶定義數據類型 選擇正確的數據類型對于獲得高性能至關重要 三大原則: 更小的通常更好,盡量使用可正確存儲數據的最小數據類型簡單就好,簡單數據類型的操作通常需要更少的CPU周期盡量…

達夢數據庫字段類型 varchar 轉 text

達夢數據庫字段類型 varchar 轉 text 業務場景問題浮現問題處理方式一 總結 業務場景 在初次創建達夢數據庫表的時候,僅僅設定了基礎的表字段。然而,在預估字段值的長度時,常常會出現不夠準確的情況。例如,我創建了一張參數配置表…

MyBatis 緩存機制源碼深度解析:一級緩存與二級緩存

MyBatis 緩存機制源碼深度解析:一級緩存與二級緩存 一、一級緩存1.1 邏輯位置與核心源碼解析1.2 一級緩存容器:PerpetualCache1.3 createCacheKey 方法與緩存命中1.4 命中與失效時機1.5 使用方式 二、二級緩存2.1 邏輯位置與核心源碼解析2.2 查詢流程、命…

【題解-Acwing】1097. 池塘計數

題目:1097. 池塘計數 題目描述 農夫約翰有一片 N?M 的矩形土地。 最近,由于降雨的原因,部分土地被水淹沒了。 現在用一個字符矩陣來表示他的土地。 每個單元格內,如果包含雨水,則用”W”表示,如果不含…

基于Flask框架的前后端分離項目開發流程是怎樣的?

基于Flask框架的前后端分離項目開發流程可分為需求分析、架構設計、并行開發、集成測試和部署上線五個階段。以下是詳細步驟和技術要點: 一、需求分析與規劃 1. 明確項目邊界 功能范圍:確定核心功能(如用戶認證、數據管理、支付流程&#…

板凳-------Mysql cookbook學習 (十--2)

5.12 模式匹配中的大小寫問題 mysql> use cookbook Database changed mysql> select a like A, a regexp A; ------------------------------ | a like A | a regexp A | ------------------------------ | 1 | 1 | --------------------------…

編程實驗篇--線性探測哈希表

線性探測哈希表性能測試實驗報告 1. 實驗目的 編程實現線性探測哈希表。編程測試線性探測哈希表。了解線性探測哈希表的性能特征,并運行程序進行驗證。 2. 實驗背景與理論基礎 哈希表是一種高效的數據結構,用于實現符號表(Symbol Table&a…

使用Python提取PDF元數據的完整指南

PDF文檔中包含著豐富的元數據信息,這些信息對文檔管理和數據分析具有重要意義。本文將詳細介紹如何利用Python高效提取PDF元數據,并對比主流技術方案的優劣。 ## 一、PDF元數據概述 PDF元數據(Metadata)是包含在文檔中的結構化信…

【量化】策略交易類型

通過查找相關資料,這里羅列了一些常見的策略交易類型,如下: 📊 技術分析類策略 均線交叉策略(SMA、EMA)動量策略(Momentum)相對強弱指數策略(RSI)隨機指標策…

【Go語言基礎【17】】切片:一種動態數組

文章目錄 零、概述一、切片基礎1、切片的結構2、切片的創建方式3、切片的操作與擴容 二、切片的拷貝與共享內存三、切片作為函數參數 Go語言的切片(slice)是一種動態數組,提供了靈活、高效的元素序列操作。它基于底層數組實現,通過…

MybatisPlus使用DB靜態工具出現找不到實體類的報錯

報錯:Not Found TableInfoCache. 原因在于沒有創建實體類對應的mapper,并且該mapper還必須繼承baseMapper。 猜測大概的原理應該是DB會去查找實體類對應的mapper,然后通過mapper去查找對應的實體類。

Linux nano命令的基本使用

參考資料 GNU nanoを使いこなすnano基礎 目錄 一. 簡介二. 文件打開2.1 普通方式打開文件2.2 只讀方式打開文件 三. 文件查看3.1 打開文件時,顯示行號3.2 翻頁查看 四. 文件編輯4.1 Ctrl K 復制 和 Ctrl U 粘貼4.2 Alt/Esc U 撤回 五. 文件保存與退出5.1 Ctrl …

LLMs 系列科普文(15)

前面 14 篇文章,就是本系列科普文中想介紹的大部分技術內容。重點講述了訓練這些模型的三個主要階段和范式:預訓練、監督微調和強化學習。 我向你們展示了這些步驟大致對應于我們已用于教導兒童的過程。具體來說,我們將預訓練比作通過閱讀說…

深入理解匯編語言中的順序與分支結構

本文將結合Visual Studio環境配置、順序結構編程和分支結構實現,全面解析匯編語言中的核心編程概念。通過實際案例演示無符號/有符號數處理、分段函數實現和邏輯表達式短路計算等關鍵技術。 一、匯編環境配置回顧(Win32MASM) 在Visual Studi…

Selenium4+Python的web自動化測試框架

一、什么是Selenium? Selenium是一個基于瀏覽器的自動化測試工具,它提供了一種跨平臺、跨瀏覽器的端到端的web自動化解決方案。Selenium主要包括三部分:Selenium IDE、Selenium WebDriver 和Selenium Grid。 Selenium IDE:Firefo…

React 樣式方案與狀態方案初探

React 本身只提供了基礎 UI 層開發范式,其他特性的支持需要借助相關社區方案實現。本文將介紹 React 應用體系中樣式方案與狀態方案的主流選擇,幫助開發者根據項目需求做出合適的選擇。 1. React 樣式方案 1.1. 內聯樣式 (Inline Styles) 通過 style …

PHP中如何定義常量以及常量和變量的主要區別

在PHP編程中,常量和變量是存儲數據的兩種重要方式。常量在定義后值不能改變,而變量的值可以在程序執行過程中發生變化。本文將詳細介紹如何在PHP中定義常量,并深入探討常量和變量的主要區別。 一、PHP中定義常量 1. 使用 define 函數定義常…