DOMException: Failed to execute 'insertBefore' on 'Node'
問題:
使用vue開發時,丟擲如下異常:
DOMException: Failed to execute ‘insertBefore’ on ‘Node’: The node before which the new node is to be inserted is not a child of this node.
(在“節點”上執行“insertBefore”失敗:要插入新節點的節點不是該節點的子節點。)
經資料查詢發現,導致上述異常是因為在html中使用了v-if來控制區域性顯隱導致的。
解釋:
在vue和大部分的mvvm的前端js框架中,基本都提供了類似 *-if 和 *-show的區域性顯隱控制指令,而這兩個指令在實際運用中是有區別的。
相同點:都可以實現區域性html(或者說是dom元素)的顯示和隱藏
不同點:顯示和隱藏的原理不同。對於*-show指令而言,當為false時不顯示控制的dom元素,其實就是display = none,只是將控制的dom元素給隱藏了,開啟控制檯除錯工具,仍然能夠看到被隱藏的程式碼。但是,對於 *-if指令而言,當為false時不顯示被控制的dom元素是因為被控制的dom元素被從dom中移除了,也就是說,開啟除錯工具後,你看不到被隱藏的程式碼。
解決方案
根據上面的解釋我們可以得出結論:在v-if為false時,如果我們後續的js操作了v-if控制的dom元素,將會因為該部分dom元素不存在而丟擲上述異常。
相關推薦
DOMException: Failed to execute 39;insertBefore39; on 39;Node39;
問題: 使用vue開發時,丟擲如下異常: DOMException: Failed to execute ‘insertBefore’ on ‘Node’: The node before which the new node is to be inserted is not a chi
使用LocalStorage、sessionStorage報異常DOMException: Failed to execute 'setItem' on 'Storage': 解決方法
本次專案需要用到前臺快取,使用了LocalStorage、sessionStorage ,但使用過程中報異常,原因及解決方法如下: 快取到LocalStorage 呼叫localStorage.setItem方法儲存快取物件。一般來說,只要這一行程式碼就能完成本步驟
swagger ui js 錯誤:Failed to execute 39;serializeToString39; on 39;XMLSerializer39;: parameter 1 is not of type 39;Node39;.
排除法 解決 swa set ring param execute 錯誤 exec 經過排查,引發此錯誤的原因是,表中有一個字段名稱為“NodeName”,應該是在前臺xml解析時引發沖突所致。我的解決辦法是: 修改列名,修改映射。 如下: [Column("NodeNa
Failed to execute 39;setRequestHeader39; on 39;XMLHttpRequest39;: The object39;s state must be OPENED.
pen 打開 opened open 並且 header ade led exe 在設置請求頭的時候報這個Failed to execute ‘setRequestHeader‘ on ‘XMLHttpRequest‘: The object‘s state must be
Failed to execute 39;toDataURL39; on 39;HTMLCanvasElement,在canvas.toDataURL()執行時候報錯解決方案
from info long allow 條件 star The cross can 添加跨域條件 crossorigin="anonymous" 【Redirect at origin ‘http://xxx.xx.com‘ has been block
Failed to execute 39;toDataURL39; on 39;HTMLCanvasElement39;: Tainted canvases may not be exported
Uncaught DOMException: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported. 大概意思是canvas無法執行toDataURL方法:汙染的畫布無
ExecutableNotFound: failed to execute [39;dot39;, 39;-Tsvg39;], make sure the Graphviz executables are on yo
問題發生 在使用xgboost自帶功能繪圖的時候出現了問題 ExecutableNotFound: failed to execute ['dot', '-Tsvg'], make sure the Graphviz executables are on your systems
Error: failed to execute 39;C:KeilARMARMCC39;的解決辦法
blog erro 使用 art 依次 方法 nts tails one 引用自:http://blog.csdn.net/zwj695535100/article/details/45787333 在KEIL新建工程時,容易出現該問題,我查了一些資料,最終找到該問題解決方
STM32初學Keil4編譯時出現 Error:Failed to execute 39;BIN40/Armcc39;
log cmd arm 依次 菜單 tail http ror 沒有 一種是在系統開始——運行裏輸入cmd,查看armcc狀態。詳情見推文: http://blog.csdn.net/hicui/article/details/7350805(筆記記錄,請勿見怪) 都沒有問
--- Error: failed to execute 39;.ARMCCinArmAsm39;
keil es2017 ror blog png .com bin err masm 1.KEIL4在開發STM32程序時報: Error: failed to execute ‘.\ARMCC\bin\ArmAsm‘ 或是Error: failed to execute
GNS3 0.8.6計算idle pc值時出現Failed to find a working Idle PC value. Can39;t set up hypervisor on 127.0.0.1等問題
idle 計算 是否 image src bubuko 一個 work find 這學期在學計算機網絡,實驗課要用到gns30.8.6模擬。但是按照老師所給教程在設置idle pc時出現Failed to find a working Idle PC value. Can‘
Failed to execute aapt:Process 39;command 39;/build-tools/28.0.2/aapt39;39; finished with non-zero exit value 1
Caused by: com.android.ide.common.process.ProcessException: Error while executing process /Users/houzhibin/Library/Android/sdk/build-tools/28.0.2/aapt with
pyinstaller打包python檔案後,執行出現"Failed to execute script xxx.exe"錯誤的解決方式(No module named 39;xxx39;)
一、問題定位: windows+r進入cmd命令列視窗 cd exe檔案所在路徑;如cd C:\Users\user\Desktop\test\dist
RuntimeError: failed to execute [39;dot39;, 39;-Tpdf39;, 39;-O39;, 39;test39;], make sure the Graphviz executables
在python中想用graphviz畫圖的時候,發現報瞭如下異常: RuntimeError: failed to execute ['dot', '-Tpdf', '-O', 'test'], make sure the Graphviz executables are on yo
Failed to execute goal org.apache.maven.plugins:maven-war-plugin:2.6:war (default-war) on project ca
Failed to execute goal org.apache.maven.plugins:maven-war-plugin:2.6:war (default-war) on project cas: Unable to parse configuration of mojo org.apach
ERROR: maven + Failed to execute goal on project 錯誤解決思路
近期在做的一個專案,是朋友整合的框架,多個module,專案中的pom檔案很亂,很雜,程式碼拉取下來害怕出問題,果然在執行程式碼的時候出現瞭如上的錯誤,之間和朋友嘗試過各種方法解決,有用朋友的maven下的repository進行替換之類的,其中因為Q
Failed to execute goal org.apache.maven.plugins:maven-surefire-plugin:2.22.1:test (default-test) on project sharp-common: Execution default-test of go
1 [INFO] Scanning for projects... 2 [INFO] 3 [INFO] -----------------------< com.sharp:sharp-common >----------------------- 4 [INFO] Buildin
The superclass "javax.servlet.http.HttpServlet" was not found on the Java Build Path Maven專案報錯:Failed to execute goal org.apache.maven.plugi
① The superclass "javax.servlet.http.HttpServlet" was not found on the Java Build Path 完整錯誤資訊: THIS SOFTWARE IS PROVIDED BY THE
Failed to execute goal on project e3-manager: Could not resolve dependencies for project cn.e3mall:e3-manager:pom:0.0.1-SNAPSHOT: Could not find artif
新建好工程後一定要記得從底層開始clean和install 在啟動新建的工程時到最後一步出現了這個問題: Failed to execute goal on project e3-manager-web: Could not resolve dependencies for project cn.e3ma
maven專案打jar包的時候報錯:Failed to execute goal on project xxxx: Could not resolve dependencies for project
maven專案要打包成jar部署到伺服器上的時候報類似的錯: Failed to execute goal on project xxxx: Could not resolve dependencies for project xxxxxx:xxx:jar:0.