My comfyui web page became unusually slow, unable to drag and load nodes about comfyui

[huchenlei]

This is likely a frontend bug. Can you also share full browser log?

Does this issue persist if you disable all custom nodes? You can disable all custom nodes by adding --disable-all-custom-nodes flag.

[wenwenwennnnn]

{
"log": {
"version": "1.2",
"creator": {
"name": "WebInspector",
"version": "537.36"
},
"pages": [],
"entries": [
{
"_initiator": {
"type": "parser",
"url": "http://127.0.0.1:8188/style.css",
"lineNumber": 0
},
"_priority": "VeryHigh",
"_resourceType": "stylesheet",
"cache": {},
"connection": "478383",
"request": {
"method": "GET",
"url": "http://127.0.0.1:8188/scripts/ui/menu/menu.css",
"httpVersion": "http/1.1",
"headers": [
{
"name": "sec-ch-ua",
"value": ""Not/A)Brand";v="8", "Chromium";v="126", "Google Chrome";v="126""
},
{
"name": "Referer",
"value": "http://127.0.0.1:8188/"
},
{
"name": "If-None-Match",
"value": ""17de4aad3066dbcc-3902""
},
{
"name": "If-Modified-Since",
"value": "Tue, 02 Jul 2024 04:23:36 GMT"
},
{
"name": "sec-ch-ua-mobile",
"value": "?0"
},
{
"name": "User-Agent",
"value": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/126.0.0.0 Safari/537.36"
},
{
"name": "sec-ch-ua-platform",
"value": ""Windows""
}
],
"queryString": [],
"cookies": [],
"headersSize": -1,
"bodySize": 0
},
"response": {
"status": 304,
"statusText": "Not Modified",
"httpVersion": "http/1.1",
"headers": [
{
"name": "Date",
"value": "Mon, 15 Jul 2024 02:48:11 GMT"
},
{
"name": "Last-Modified",
"value": "Tue, 02 Jul 2024 04:23:36 GMT"
},
{
"name": "Server",
"value": "Python/3.10 aiohttp/3.9.5"
},
{
"name": "Etag",
"value": ""17de4aad3066dbcc-3902""
},
{
"name": "Access-Control-Allow-Methods",
"value": "POST, GET, DELETE, PUT, OPTIONS"
},
{
"name": "Access-Control-Allow-Origin",
"value": ""
},
{
"name": "Cache-Control",
"value": "no-cache"
},
{
"name": "Access-Control-Allow-Credentials",
"value": "true"
},
{
"name": "Access-Control-Allow-Headers",
"value": "Content-Type, Authorization"
}
],
"cookies": [],
"content": {
"size": 14594,
"mimeType": "text/css",
"text": ".relative {\r\n\tposition: relative;\r\n}\r\n.hidden {\r\n\tdisplay: none !important;\r\n}\r\n.mdi.rotate270::before {\r\n\ttransform: rotate(270deg);\r\n}\r\n\r\n/ Generic /\r\n.comfyui-button {\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tgap: 0.5em;\r\n\tcursor: pointer;\r\n\tborder: none;\r\n\tborder-radius: 4px;\r\n\tpadding: 4px 8px;\r\n\tbox-sizing: border-box;\r\n\tmargin: 0;\r\n\ttransition: box-shadow 0.1s;\r\n}\r\n\r\n.comfyui-button:active {\r\n\tbox-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.5);\r\n}\r\n.comfyui-button:disabled {\r\n\topacity: 0.5;\r\n\tcursor: not-allowed;\r\n}\r\n.primary .comfyui-button,\r\n.primary.comfyui-button {\r\n\tbackground-color: var(--primary-bg) !important;\r\n\tcolor: var(--primary-fg) !important;\r\n}\r\n\r\n.primary .comfyui-button:not(:disabled):hover,\r\n.primary.comfyui-button:not(:disabled):hover {\r\n\tbackground-color: var(--primary-hover-bg) !important;\r\n\tcolor: var(--primary-hover-fg) !important;\r\n}\r\n\r\n/ Popup /\r\n.comfyui-popup {\r\n\tposition: absolute;\r\n\tleft: var(--left);\r\n\tright: var(--right);\r\n\ttop: var(--top);\r\n\tbottom: var(--bottom);\r\n\tz-index: 2000;\r\n\tmax-height: calc(100vh - var(--limit) - 10px);\r\n\tbox-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n.comfyui-popup:not(.open) {\r\n\tdisplay: none;\r\n}\r\n\r\n.comfyui-popup.right.open {\r\n\tborder-top-left-radius: 4px;\r\n\tborder-bottom-right-radius: 4px;\r\n\tborder-bottom-left-radius: 4px;\r\n\toverflow: hidden;\r\n}\r\n/ Split button /\r\n.comfyui-split-button {\r\n\tposition: relative;\r\n\tdisplay: flex;\r\n}\r\n\r\n.comfyui-split-primary {\r\n\tflex: auto;\r\n}\r\n\r\n.comfyui-split-primary .comfyui-button {\r\n\tborder-top-right-radius: 0;\r\n\tborder-bottom-right-radius: 0;\r\n\tborder-right: 1px solid var(--comfy-menu-bg);\r\n\twidth: 100%;\r\n}\r\n\r\n.comfyui-split-arrow .comfyui-button {\r\n\tborder-top-left-radius: 0;\r\n\tborder-bottom-left-radius: 0;\r\n\tpadding-left: 2px;\r\n\tpadding-right: 2px;\r\n}\r\n\r\n.comfyui-split-button-popup {\r\n\twhite-space: nowrap;\r\n\tbackground-color: var(--content-bg);\r\n\tcolor: var(--content-fg);\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\toverflow: auto;\r\n}\r\n\r\n.comfyui-split-button-popup.hover {\r\n\tz-index: 2001;\r\n}\r\n.comfyui-split-button-popup > .comfyui-button {\r\n\tborder: none;\r\n\tbackground-color: transparent;\r\n\tcolor: var(--fg-color);\r\n\tpadding: 8px 12px 8px 8px;\r\n}\r\n\r\n.comfyui-split-button-popup > .comfyui-button:not(:disabled):hover {\r\n\tbackground-color: var(--comfy-input-bg);\r\n}\r\n\r\n/ Button group /\r\n.comfyui-button-group {\r\n\tdisplay: flex;\r\n\tborder-radius: 4px;\r\n\toverflow: hidden;\r\n}\r\n\r\n.comfyui-button-group > .comfyui-button,\r\n.comfyui-button-group > .comfyui-button-wrapper > .comfyui-button {\r\n\tpadding: 4px 10px;\r\n\tborder-radius: 0;\r\n}\r\n\r\n/ Menu /\r\n.comfyui-menu {\r\n\twidth: 100vw;\r\n\tbackground: var(--comfy-menu-bg);\r\n\tcolor: var(--fg-color);\r\n\tfont-family: Arial, Helvetica, sans-serif;\r\n\tfont-size: 0.8em;\r\n\tdisplay: flex;\r\n\tpadding: 4px 8px;\r\n\talign-items: center;\r\n\tgap: 8px;\r\n\tbox-sizing: border-box;\r\n\tz-index: 1000;\r\n\torder: 0;\r\n\tgrid-column: 1/-1;\r\n\toverflow: auto;\r\n\tmax-height: 90vh;\r\n}\r\n\r\n.comfyui-menu> {\r\n\tflex-shrink: 0;\r\n}\r\n.comfyui-menu .mdi::before {\r\n\tfont-size: 18px;\r\n}\r\n\r\n.comfyui-menu .comfyui-button {\r\n\tbackground: var(--comfy-input-bg);\r\n\tcolor: var(--fg-color);\r\n\twhite-space: nowrap;\r\n}\r\n\r\n.comfyui-menu .comfyui-button:not(:disabled):hover {\r\n\tbackground: var(--border-color);\r\n\tcolor: var(--content-fg);\r\n}\r\n\r\n.comfyui-menu .comfyui-split-button-popup > .comfyui-button {\r\n\tborder-radius: 0;\r\n\tbackground-color: transparent;\r\n}\r\n\r\n.comfyui-menu .comfyui-split-button-popup > .comfyui-button:not(:disabled):hover {\r\n\tbackground-color: var(--comfy-input-bg);\r\n}\r\n\r\n.comfyui-menu .comfyui-split-button-popup.left {\r\n\tborder-top-right-radius: 4px;\r\n\tborder-bottom-left-radius: 4px;\r\n\tborder-bottom-right-radius: 4px;\r\n}\r\n\r\n.comfyui-menu .comfyui-button.popup-open {\r\n\tbackground-color: var(--content-bg);\r\n\tcolor: var(--content-fg);\r\n}\r\n\r\n.comfyui-menu-push {\r\n\tmargin-left: -0.8em;\r\n\tflex: auto;\r\n}\r\n\r\n.comfyui-logo {\r\n\tfont-size: 1.2em;\r\n\tmargin: 0;\r\n\tuser-select: none;\r\n\tcursor: default;\r\n}\r\n\r\n/* Workflows /\r\n.comfyui-workflows-button {\r\n\tflex-direction: row-reverse;\r\n\tmax-width: 200px;\r\n\tposition: relative;\r\n\tz-index: 0;\r\n}\r\n\r\n.comfyui-workflows-button.popup-open {\r\n\tborder-bottom-left-radius: 0;\r\n\tborder-bottom-right-radius: 0;\r\n}\r\n.comfyui-workflows-button.unsaved {\r\n\tfont-style: italic;\r\n}\r\n.comfyui-workflows-button-progress {\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\tbackground-color: green;\r\n\theight: 100%;\r\n\tborder-radius: 4px;\r\n\tz-index: -1;\r\n}\r\n\r\n.comfyui-workflows-button > span {\r\n\tflex: auto;\r\n\ttext-align: left;\r\n\toverflow: hidden;\r\n}\r\n.comfyui-workflows-button-inner {\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tgap: 7px;\r\n\twidth: 150px;\r\n}\r\n.comfyui-workflows-label {\r\n\toverflow: hidden;\r\n\ttext-overflow: ellipsis;\r\n\tdirection: rtl;\r\n\tflex: auto;\r\n\tposition: relative;\r\n}\r\n\r\n.comfyui-workflows-button.unsaved .comfyui-workflows-label {\r\n\tpadding-left: 8px;\r\n}\r\n\r\n.comfyui-workflows-button.unsaved .comfyui-workflows-label:after {\r\n\tcontent: "";\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tleft: 0;\r\n}\r\n.comfyui-workflows-button-inner .mdi-graph::before {\r\n\ttransform: rotate(-90deg);\r\n}\r\n\r\n.comfyui-workflows-popup {\r\n\tfont-family: Arial, Helvetica, sans-serif;\r\n\tfont-size: 0.8em;\r\n\tpadding: 10px;\r\n\toverflow: auto;\r\n\tbackground-color: var(--content-bg);\r\n\tcolor: var(--content-fg);\r\n\tborder-top-right-radius: 4px;\r\n\tborder-bottom-right-radius: 4px;\r\n\tborder-bottom-left-radius: 4px;\r\n\tz-index: 400;\r\n}\r\n\r\n.comfyui-workflows-panel {\r\n\tmin-height: 150px;\r\n}\r\n\r\n.comfyui-workflows-panel .lds-ring {\r\n\ttransform: translate(-50%);\r\n\tposition: absolute;\r\n\tleft: 50%;\r\n\ttop: 75px;\r\n}\r\n\r\n.comfyui-workflows-panel h3 {\r\n\tmargin: 10px 0 10px 0;\r\n\tfont-size: 11px;\r\n\topacity: 0.8;\r\n}\r\n\r\n.comfyui-workflows-panel section header {\r\n\tdisplay: flex;\r\n\tjustify-content: space-between;\r\n\talign-items: center;\r\n}\r\n.comfy-ui-workflows-search .mdi {\r\n\tposition: relative;\r\n\ttop: 2px;\r\n\tpointer-events: none;\r\n}\r\n.comfy-ui-workflows-search input {\r\n\tbackground-color: var(--comfy-input-bg);\r\n\tcolor: var(--input-text);\r\n\tborder: none;\r\n\tborder-radius: 4px;\r\n\tpadding: 4px 10px;\r\n\tmargin-left: -24px;\r\n\ttext-indent: 18px;\r\n}\r\n.comfy-ui-workflows-search input:placeholder-shown {\r\n\twidth: 10px;\r\n}\r\n.comfy-ui-workflows-search input:placeholder-shown:focus {\r\n\twidth: auto;\r\n}\r\n.comfyui-workflows-actions {\r\n\tdisplay: flex;\r\n\tgap: 10px;\r\n\tmargin-bottom: 10px;\r\n}\r\n\r\n.comfyui-workflows-actions .comfyui-button {\r\n\tbackground: var(--comfy-input-bg);\r\n\tcolor: var(--input-text);\r\n}\r\n\r\n.comfyui-workflows-actions .comfyui-button:not(:disabled):hover {\r\n\tbackground: var(--primary-bg);\r\n\tcolor: var(--primary-fg);\r\n}\r\n\r\n.comfyui-workflows-favorites,\r\n.comfyui-workflows-open {\r\n\tborder-bottom: 1px solid var(--comfy-input-bg);\r\n\tpadding-bottom: 5px;\r\n\tmargin-bottom: 5px;\r\n}\r\n\r\n.comfyui-workflows-open .active {\r\n\tfont-weight: bold;\r\n}\r\n\r\n.comfyui-workflows-favorites:empty {\r\n\tdisplay: none;\r\n}\r\n\r\n.comfyui-workflows-tree {\r\n\tpadding: 0;\r\n\tmargin: 0;\r\n}\r\n\r\n.comfyui-workflows-tree:empty::after {\r\n\tcontent: "No saved workflows";\r\n\tdisplay: block;\r\n\ttext-align: center;\r\n}\r\n.comfyui-workflows-tree > ul {\r\n\tpadding: 0;\r\n}\r\n\r\n.comfyui-workflows-tree > ul ul {\r\n\tmargin: 0;\r\n\tpadding: 0 0 0 25px;\r\n}\r\n\r\n.comfyui-workflows-tree:not(.filtered) .closed > ul {\r\n\tdisplay: none;\r\n}\r\n\r\n.comfyui-workflows-tree li,\r\n.comfyui-workflows-tree-file {\r\n\t--item-height: 32px;\r\n\tlist-style-type: none;\r\n\theight: var(--item-height);\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tgap: 5px;\r\n\tcursor: pointer;\r\n\tuser-select: none;\r\n}\r\n\r\n.comfyui-workflows-tree-file.active::before,\r\n.comfyui-workflows-tree li:hover::before,\r\n.comfyui-workflows-tree-file:hover::before {\r\n\tcontent: "";\r\n\tposition: absolute;\r\n\twidth: 100%;\r\n\tleft: 0;\r\n\theight: var(--item-height);\r\n\tbackground-color: var(--content-hover-bg);\r\n\tcolor: var(--content-hover-fg);\r\n\tz-index: -1;\r\n}\r\n\r\n.comfyui-workflows-tree-file.active::before {\r\n\tbackground-color: var(--primary-bg);\r\n\tcolor: var(--primary-fg);\r\n}\r\n\r\n.comfyui-workflows-tree-file.running:not(:hover)::before {\r\n\tcontent: "";\r\n\tposition: absolute;\r\n\twidth: var(--progress, 0);\r\n\tleft: 0;\r\n\theight: var(--item-height);\r\n\tbackground-color: green;\r\n\tz-index: -1;\r\n}\r\n\r\n.comfyui-workflows-tree-file.unsaved span {\r\n\tfont-style: italic;\r\n}\r\n\r\n.comfyui-workflows-tree-file span {\r\n\tflex: auto;\r\n}\r\n\r\n.comfyui-workflows-tree-file span + .comfyui-workflows-file-action {\r\n\tmargin-left: 10px;\r\n}\r\n\r\n.comfyui-workflows-tree-file .comfyui-workflows-file-action {\r\n\tbackground-color: transparent;\r\n\tcolor: var(--fg-color);\r\n\tpadding: 2px 4px;\r\n}\r\n\r\n.lg ~ .comfyui-workflows-popup .comfyui-workflows-tree-file:not(:hover) .comfyui-workflows-file-action {\r\n\topacity: 0;\r\n}\r\n\r\n.comfyui-workflows-tree-file .comfyui-workflows-file-action:hover {\r\n\tbackground-color: var(--primary-bg);\r\n\tcolor: var(--primary-fg);\r\n}\r\n\r\n.comfyui-workflows-tree-file .comfyui-workflows-file-action-primary {\r\n\tbackground-color: transparent;\r\n\tcolor: var(--fg-color);\r\n\tpadding: 2px 4px;\r\n\tmargin: 0 -4px;\r\n}\r\n\r\n.comfyui-workflows-file-action-favorite .mdi-star {\r\n\tcolor: orange;\r\n}\r\n\r\n/* View List /\r\n.comfyui-view-list-popup {\r\n\tpadding: 10px;\r\n\tbackground-color: var(--content-bg);\r\n\tcolor: var(--content-fg);\r\n\tmin-width: 170px;\r\n\tmin-height: 435px;\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\talign-items: center;\r\n\tbox-sizing: border-box;\r\n}\r\n.comfyui-view-list-popup h3 {\r\n\tmargin: 0 0 5px 0;\r\n}\r\n.comfyui-view-list-items {\r\n\twidth: 100%;\r\n\tbackground: var(--comfy-menu-bg);\r\n\tborder-radius: 5px;\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\tflex: auto;\r\n\talign-items: center;\r\n\tflex-direction: column;\r\n}\r\n.comfyui-view-list-items section {\r\n\tmax-height: 400px;\r\n\toverflow: auto;\r\n\twidth: 100%;\r\n\tdisplay: grid;\r\n\tgrid-template-columns: auto auto auto;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\tgap: 5px;\r\n\tpadding: 5px 0;\r\n}\r\n.comfyui-view-list-items section + section {\r\n\tborder-top: 1px solid var(--border-color);\r\n\tmargin-top: 10px;\r\n\tpadding-top: 5px;\r\n}\r\n.comfyui-view-list-items section h5 {\r\n\tgrid-column: 1 / 4;\r\n\ttext-align: center;\r\n\tmargin: 5px;\r\n}\r\n.comfyui-view-list-items span {\r\n\ttext-align: center;\r\n\tpadding: 0 2px;\r\n}\r\n.comfyui-view-list-popup header {\r\n\tmargin-bottom: 10px;\r\n\tdisplay: flex;\r\n\tgap: 5px;\r\n}\r\n.comfyui-view-list-popup header .comfyui-button {\r\n\tborder: 1px solid transparent;\r\n}\r\n.comfyui-view-list-popup header .comfyui-button:not(:disabled):hover {\r\n\tborder: 1px solid var(--comfy-menu-bg);\r\n}\r\n/ Queue button /\r\n.comfyui-queue-button .comfyui-split-primary .comfyui-button {\r\n\tpadding-right: 12px;\r\n}\r\n.comfyui-queue-count {\r\n\tmargin-left: 5px;\r\n\tborder-radius: 10px;\r\n\tbackground-color: rgb(8, 80, 153);\r\n\tpadding: 2px 4px;\r\n\tfont-size: 10px;\r\n\tmin-width: 1em;\r\n\tdisplay: inline-block;\r\n}\r\n/ Queue options*/\r\n.comfyui-queue-options {\r\n\tpadding: 10px;\r\n\tfont-family: Arial, Helvetica, sans-serif;\r\n\tfont-size: 12px;\r\n\tdisplay: flex;\r\n\tgap: 10px;\r\n}\r\n\r\n.comfyui-queue-batch {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\tborder-right: 1px solid var(--comfy-menu-bg);\r\n\tpadding-right: 10px;\r\n\tgap: 5px;\r\n}\r\n\r\n.comfyui-queue-batch input {\r\n\twidth: 145px;\r\n}\r\n\r\n.comfyui-queue-batch .comfyui-queue-batch-value {\r\n\twidth: 70px;\r\n}\r\n\r\n.comfyui-queue-mode {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n}\r\n\r\n.comfyui-queue-mode span {\r\n\tfont-weight: bold;\r\n\tmargin-bottom: 2px;\r\n}\r\n\r\n.comfyui-queue-mode label {\r\n\tdisplay: flex;\r\n\tflex-direction: row-reverse;\r\n\tjustify-content: start;\r\n\tgap: 5px;\r\n\tpadding: 2px 0;\r\n}\r\n\r\n.comfyui-queue-mode label input {\r\n\tpadding: 0;\r\n\tmargin: 0;\r\n}\r\n\r\n/** Send to workflow widget selection dialog /\r\n.comfy-widget-selection-dialog {\r\n\tborder: none;\r\n}\r\n\r\n.comfy-widget-selection-dialog div {\r\n\tcolor: var(--fg-color);\r\n\tfont-family: Arial, Helvetica, sans-serif;\r\n}\r\n\r\n.comfy-widget-selection-dialog h2 {\r\n\tmargin-top: 0;\r\n}\r\n\r\n.comfy-widget-selection-dialog section {\r\n\twidth: fit-content;\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n}\r\n\r\n.comfy-widget-selection-item {\r\n\tdisplay: flex;\r\n\tgap: 10px;\r\n\talign-items: center;\r\n}\r\n\r\n.comfy-widget-selection-item span {\r\n\tmargin-right: auto;\r\n}\r\n\r\n.comfy-widget-selection-item span::before {\r\n\tcontent: '#' attr(data-id);\r\n\topacity: 0.5;\r\n\tmargin-right: 5px;\r\n}\r\n\r\n.comfy-modal .comfy-widget-selection-item button {\r\n\tfont-size: 1em;\r\n}\r\n\r\n/**** Responsive */\r\n.lg.comfyui-menu .lt-lg-show {\r\n\tdisplay: none !important;\r\n}\r\n.comfyui-menu:not(.lg) .nlg-hide {\r\n\tdisplay: none !important;\r\n}\r\n/ Large screen /\r\n.lg.comfyui-menu>.comfyui-menu-mobile-collapse .comfyui-button span,\r\n.lg.comfyui-menu>.comfyui-menu-mobile-collapse.comfyui-button span {\r\n\tdisplay: none;\r\n}\r\n.lg.comfyui-menu>.comfyui-menu-mobile-collapse .comfyui-popup .comfyui-button span {\r\n\tdisplay: unset;\r\n}\r\n\r\n/ Non large screen /\r\n.lt-lg.comfyui-menu {\r\n\tflex-wrap: wrap;\r\n}\r\n\r\n.lt-lg.comfyui-menu > :not(.comfyui-menu-mobile-collapse) {\r\n\torder: 1;\r\n}\r\n\r\n.lt-lg.comfyui-menu > .comfyui-menu-mobile-collapse {\r\n\torder: 9999;\r\n\twidth: 100%;\r\n}\r\n\r\n.comfyui-body-bottom .lt-lg.comfyui-menu > .comfyui-menu-mobile-collapse {\r\n\torder: -1;\r\n}\r\n\r\n.comfyui-body-bottom .lt-lg.comfyui-menu > .comfyui-menu-button {\r\n\ttop: unset;\r\n\tbottom: 4px;\r\n}\r\n\r\n.lt-lg.comfyui-menu > .comfyui-menu-mobile-collapse.comfyui-button-group {\r\n\tflex-wrap: wrap;\r\n}\r\n\r\n.lt-lg.comfyui-menu > .comfyui-menu-mobile-collapse .comfyui-button,\r\n.lt-lg.comfyui-menu > .comfyui-menu-mobile-collapse.comfyui-button {\r\n\tpadding: 10px;\r\n}\r\n.lt-lg.comfyui-menu > .comfyui-menu-mobile-collapse .comfyui-button,\r\n.lt-lg.comfyui-menu > .comfyui-menu-mobile-collapse .comfyui-button-wrapper {\r\n\twidth: 100%;\r\n}\r\n\r\n.lt-lg.comfyui-menu > .comfyui-menu-mobile-collapse .comfyui-popup {\r\n\tposition: static;\r\n\tbackground-color: var(--comfy-input-bg);\r\n\tmax-width: unset;\r\n\tmax-height: 50vh;\r\n\toverflow: auto;\r\n}\r\n\r\n.lt-lg.comfyui-menu:not(.expanded) > .comfyui-menu-mobile-collapse {\r\n\tdisplay: none;\r\n}\r\n\r\n.lt-lg .comfyui-queue-button {\r\n\tmargin-right: 44px;\r\n}\r\n\r\n.lt-lg .comfyui-menu-button {\r\n\tposition: absolute;\r\n\ttop: 4px;\r\n\tright: 8px;\r\n}\r\n\r\n.lt-lg.comfyui-menu > .comfyui-menu-mobile-collapse .comfyui-view-list-popup {\r\n\tborder-radius: 0;\r\n}\r\n\r\n.lt-lg.comfyui-menu .comfyui-workflows-popup {\r\n\twidth: 100vw;\r\n}\r\n\r\n/ Small /\r\n.lt-md .comfyui-workflows-button-inner {\r\n\twidth: unset !important;\r\n}\r\n.lt-md .comfyui-workflows-label {\r\n\tdisplay: none;\r\n}\r\n\r\n/ Extra small */\r\n.lt-sm .comfyui-queue-button {\r\n\tmargin-right: 0;\r\n\twidth: 100%;\r\n}\r\n.lt-sm .comfyui-queue-button .comfyui-button {\r\n\tjustify-content: center;\r\n}\r\n.lt-sm .comfyui-interrupt-button {\r\n\tmargin-right: 45px;\r\n}\r\n.comfyui-body-bottom .lt-sm.comfyui-menu > .comfyui-menu-button{\r\n\tbottom: 41px;\r\n}"
},
"redirectURL": "",
"headersSize": -1,
"bodySize": 0,
"_transferSize": 397,
"_error": null
},
"serverIPAddress": "127.0.0.1",
"startedDateTime": "2024-07-15T02:48:11.247Z",
"time": 157.42600010707974,
"timings": {
"blocked": 3.7710001054406166,
"dns": -1,
"ssl": -1,
"connect": -1,
"send": 0.027000000000000024,
"wait": 153.51300005729496,
"receive": 0.11499994434416294,
"_blocked_queueing": 3.0410001054406166
}
}
]
}
}

Is this it?

这可能是一个前端错误。您还可以共享完整的浏览器日志吗？

如果禁用所有自定义节点，此问题是否仍然存在？您可以通过添加标志来禁用所有自定义节点。--disable-all-custom-nodes

[huchenlei]

Press F12 to toggle devtools and copy the console mesage.

[wenwenwennnnn]

Press F12 to toggle devtools and copy the console mesage.

Thank you so much. I exported the error message

:8188/userdata/workflows%2F.index.json:1

    Failed to load resource: the server responded with a status of 404 (Not Found)

:8188/extensions/comfyui-n-nodes/CustomScripts/cte_advanced.js:1

    Failed to load resource: the server responded with a status of 404 (Not Found)

app.js:1454 Error loading extension /extensions/comfyui-n-nodes/CustomScripts/cte_advanced.js TypeError: Failed to fetch dynamically imported module: http://127.0.0.1:8188/extensions/comfyui-n-nodes/CustomScripts/cte_advanced.js
(匿名) @ app.js:1454
:8188/extensions/comfyui-n-nodes/CustomScripts/dynamicPrompt.js:1

    Failed to load resource: the server responded with a status of 404 (Not Found)

app.js:1454 Error loading extension /extensions/comfyui-n-nodes/CustomScripts/dynamicPrompt.js TypeError: Failed to fetch dynamically imported module: http://127.0.0.1:8188/extensions/comfyui-n-nodes/CustomScripts/dynamicPrompt.js
(匿名) @ app.js:1454
:8188/extensions/comfyui-n-nodes/CustomScripts/extended_widgets.js:1

    Failed to load resource: the server responded with a status of 404 (Not Found)

app.js:1454 Error loading extension /extensions/comfyui-n-nodes/CustomScripts/extended_widgets.js TypeError: Failed to fetch dynamically imported module: http://127.0.0.1:8188/extensions/comfyui-n-nodes/CustomScripts/extended_widgets.js
(匿名) @ app.js:1454
:8188/extensions/comfyui-n-nodes/CustomScripts/gptSampler.js:1

    Failed to load resource: the server responded with a status of 404 (Not Found)

:8188/extensions/comfyui-n-nodes/CustomScripts/include_css.js:1

    Failed to load resource: the server responded with a status of 404 (Not Found)

app.js:1454 Error loading extension /extensions/comfyui-n-nodes/CustomScripts/gptSampler.js TypeError: Failed to fetch dynamically imported module: http://127.0.0.1:8188/extensions/comfyui-n-nodes/CustomScripts/gptSampler.js
(匿名) @ app.js:1454
app.js:1454 Error loading extension /extensions/comfyui-n-nodes/CustomScripts/include_css.js TypeError: Failed to fetch dynamically imported module: http://127.0.0.1:8188/extensions/comfyui-n-nodes/CustomScripts/include_css.js
(匿名) @ app.js:1454
:8188/extensions/comfyui-n-nodes/CustomScripts/videoLoadAdvanced.js:1

    Failed to load resource: the server responded with a status of 404 (Not Found)

app.js:1454 Error loading extension /extensions/comfyui-n-nodes/CustomScripts/videoLoadAdvanced.js TypeError: Failed to fetch dynamically imported module: http://127.0.0.1:8188/extensions/comfyui-n-nodes/CustomScripts/videoLoadAdvanced.js
(匿名) @ app.js:1454
:8188/extensions/comfyui-n-nodes/CustomScripts/videoSave.js:1

    Failed to load resource: the server responded with a status of 404 (Not Found)

app.js:1454 Error loading extension /extensions/comfyui-n-nodes/CustomScripts/videoSave.js TypeError: Failed to fetch dynamically imported module: http://127.0.0.1:8188/extensions/comfyui-n-nodes/CustomScripts/videoSave.js
(匿名) @ app.js:1454
app.js:1454 Error loading extension /extensions/ComfyUI_3dPoseEditor/js/main.js Error: Minified React error #299; visit https://reactjs.org/docs/error-decoder.html?invariant=299 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
at gn.createRoot (main.js:40:55756)
at LV (main.js:3441:30649)
at main.js:3441:30767
(匿名) @ app.js:1454
app.js:1454 Error loading extension /extensions/comfy_mtb/constant.js Error: Extension named 'mtb.widgets' already registered.
at ComfyApp.registerExtension (app.js:2400:10)
at mtb_widgets.js:1248:5
(匿名) @ app.js:1454
app.js:1454 Error loading extension /extensions/comfy_mtb/debug.js Error: Extension named 'mtb.widgets' already registered.
at ComfyApp.registerExtension (app.js:2400:10)
at mtb_widgets.js:1248:5
(匿名) @ app.js:1454
app.js:1454 Error loading extension /extensions/comfy_mtb/mtb_widgets.js Error: Extension named 'mtb.widgets' already registered.
at ComfyApp.registerExtension (app.js:2400:10)
at mtb_widgets.js:1248:5
(匿名) @ app.js:1454
:8188/extensions/dzNodes/dz_DZ_widgets.js:1

    Failed to load resource: the server responded with a status of 404 (Not Found)

app.js:1454 Error loading extension /extensions/dzNodes/dz_debug.js TypeError: Failed to fetch dynamically imported module: http://127.0.0.1:8188/extensions/dzNodes/dz_debug.js
(匿名) @ app.js:1454
:8188/DZ/debug:1

    Failed to load resource: the server responded with a status of 404 (Not Found)

app.js:271 Error calling extension 'DZ.widgets' method 'init' Object Object Object
(匿名) @ app.js:271
image_chooser_hud.js:33 Uncaught ReferenceError: app is not defined
at HUD.update (image_chooser_hud.js:33:9)
at LGraphCanvas.draw (image_chooser.js:40:21)
at ComfyApp.resizeCanvas (app.js:1648:16)
at app.js:1584:48
at Object.setup (imageFeed.js:496:10)
at app.js:269:31
at Array.map ()
at #invokeExtensionsAsync (app.js:266:20)
at ComfyApp.setup (app.js:1635:36)
at async (索引):15:4
image_chooser_hud.js:33 Uncaught ReferenceError: app is not defined
at HUD.update (image_chooser_hud.js:33:9)
at LGraphCanvas.draw (image_chooser.js:40:21)
at ComfyApp.resizeCanvas (app.js:1648:16)
at app.js:1584:48
at HTMLButtonElement.onclick (imageFeed.js:386:12)
at Object.setup (imageFeed.js:499:15)
at app.js:269:31
at Array.map ()
at #invokeExtensionsAsync (app.js:266:20)
at ComfyApp.setup (app.js:1635:36)
image_chooser_hud.js:33 Uncaught ReferenceError: app is not defined
at HUD.update (image_chooser_hud.js:33:9)
at LGraphCanvas.draw (image_chooser.js:40:21)
at LGraphCanvas.renderFrame (litegraph.core.js:5809:22)
image_chooser_hud.js:33 Uncaught ReferenceError: app is not defined
at HUD.update (image_chooser_hud.js:33:9)
at LGraphCanvas.draw (image_chooser.js:40:21)
at ComfyApp.resizeCanvas (app.js:1648:16)
at app.js:1584:48
at HTMLInputElement.oninput (imageFeed.js:440:17)
at imageFeed.js:445:14
image_chooser_hud.js:33 Uncaught ReferenceError: app is not defined
at HUD.update (image_chooser_hud.js:33:9)
at LGraphCanvas.draw (image_chooser.js:40:21)
at ComfyApp.resizeCanvas (app.js:1648:16)
at app.js:1584:48
at updateColumnCount (imageFeed.js:397:11)
at imageFeed.js:475:11
image_chooser_hud.js:33 Uncaught ReferenceError: app is not defined
at HUD.update (image_chooser_hud.js:33:9)
at LGraphCanvas.draw (image_chooser.js:40:21)
at _bg_img.onload (litegraph.extensions.js:14:8)
:8188/userdata/workflows%2F.index.json:1

    Failed to load resource: the server responded with a status of 404 (Not Found)

:8188/DZ/debug:1

    Failed to load resource: the server responded with a status of 405 (Method Not Allowed)

:8188/extensions/ComfyUI-Custom-Scripts/js/assets/favicon-active.user.ico:1

    Failed to load resource: the server responded with a status of 404 (Not Found)

:8188/pysssss/autocomplete:1

    Failed to load resource: the server responded with a status of 404 (Not Found)

:8188/extensions/ComfyUI-Custom-Scripts/js/assets/favicon.user.ico:1

    Failed to load resource: the server responded with a status of 404 (Not Found)

[huchenlei]

Does this issue persist if you disable all custom nodes? You can disable all custom nodes by adding --disable-all-custom-nodes flag.

[wenwenwennnnn]

Does this issue persist if you disable all custom nodes? You can disable all custom nodes by adding --disable-all-custom-nodes flag.
I seem to have solved the problem, which is probably caused by the Custom-Scripts and Manager, I removed these two nodes, and the web page returned to normal.

[huchenlei]

Please file an issue in the custom script repo instead. Thanks! https://github.com/pythongosssss/ComfyUI-Custom-Scripts/issues