cannot log message when react app be loaded by electron

I create a react app and use debug , debug(xxx) can work well on browser. but on electron user window.loadUrl("http://localhost:3000") load page, open electron dev tools, debug() cannot work.

code demo: https://github.com/huyinghuan/debug-issue

setup install deps:

cd $project
yarn install
cd ui
yarn install

run react app

cd $project
cd ui
yarn start

open browser, http://localhost:3000 in console debug work well.

run electron: new terminal

cd $project
yarn start

when loaded page, in dev tools debug output nothing.

react app index.js:

import React from 'react';
import ReactDOM from 'react-dom';
import Debug from "debug";
const debug = Debug("ui:App");
localStorage.debug = "ui:*"
debug("hello")
ReactDOM.render(
  <React.StrictMode>
    <div className="App">
      debug test
    </div>
  </React.StrictMode>,
  document.getElementById('root')
);

[Qix-]

Yeah I guess it didn’t occur to me that Verbose is off by default, and since we now use console.debug by default, this is going to hit a few people.

The localStorage stuff is indeed documented, but the call to enable Verbose logging is not. I would merge a PR if you (or someone) added that last screenshot (in https://github.com/debug-js/debug/issues/808#issuecomment-1027516372) to the README. 🙂

Good catch!

[gitname]

@Qix- , I opened a PR just now (linked above). Thanks for telling me about this package’s use of console.debug, as that helped me include some context about the issue and screenshot in the README.