Skip to content

[DevTools Bug]: Script tag connection method not working in 6.0.0 #31100

@MMMartt

Description

@MMMartt

Website or app

A basic Create React App project with React DevTools connected via script tag.

Repro steps

  1. Install React DevTools globally: npm install -g react-devtools or yarn global add react-devtools
  2. Create a new React app: npx create-react-app my-app
  3. Navigate to the project directory: cd my-app
  4. Open public/index.html and add the following script tag at the beginning of head tag:
    <script src="http://localhost:8097"></script>
  5. Start the development server: npm start or yarn start
  6. In a separate terminal, start React DevTools: react-devtools
  7. Open the app in a browser and check the console for any connection errors

This bug happens consistently when following the repro steps above. It occurs with the recently released React DevTools version 6.0.0, while it worked correctly in the previous version.

How often does this bug happen?

Every time

DevTools package (automated)

No response

DevTools version (automated)

No response

Error message (automated)

No response

Error call stack (automated)

No response

Error component stack (automated)

No response

GitHub query string (automated)

No response

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions