Excessive noise in browser console

Shopify CLI and Libraries
1

I have reproduced the issue on the latest CLI version.

Yes, I am on the latest version

I have searched existing posts and this report is not a duplicate.

Yes, this isn’t a duplicate

In which of these areas are you experiencing a problem?

Theme

Expected behavior

When running shopify theme dev The browser console should not be polluted by messages from Shopify tools during development.

Actual behavior

Various logs from Shopify pollute the console, making it more difficult to debug theme development. Processes are running continuously and logging to the console over and over again. Some of these appear to be related to Trekkie, some from the CLI (hot reload) and various others. For example:

[HotReload] Connected theme-hot-reload.js:305 
[HotReload] Connection closed by the server, attempting to reconnect...
evtSource.onerror @ theme-hot-reload.js:305
theme-hot-reload.js:300 
[HotReload] Connected theme-hot-reload.js:305

(this and others seem to be running every few seconds)

POST https://xxxxxxxxx-dev.myshopify.com/api/collect net::ERR_FAILED

Reproduction steps

shopify theme dev --live-reload full-page

Verbose output

Has client information - can share privately

Operating system

Mac OS Tahoe

CLI version

3.90.0

2 Likes
2

I just save a regex to filter the console logs. Even if they reduce the number of logs, I get a hundreds of error messages by blocking tracking with uBlock origin.

3

Yeah I have also used filtering, but have had issues with filters actually hiding useful error messages, and it taking longer than necessary to figure out what’s up. Best in class Dx should not require filtering hundreds of messages :smiley:

4

We’ll be swallowing those /api/collect logs soon!

2 Likes
5

Yeah until they fix it I threw -/collect in the console’s filter input.