The developer debugging tool plug-in of react will prompt an error in chrome after installation:

react-refresh-runtime.development.js:465

Solution:

Under the react project (not the plug-in file directory), find \node_Modules\@pmmmwh\react refresh webpack plugin\client

Reactrrefreshentry.js file, comment out this line:

//RefreshRuntime.injectIntoGlobalHook(safeThis);

Read More:

• [Chrome]: DevTools failed to load source map… (How to Solve)
• React: How to Solve Web3 import error
• React error boundary (What You Should Know & How to Solve)
• [Solved] React Dependency Error: Invalid tag name “^np.0.2“ of package “react@^np.0.2“: Tags may not have an
• How to React page to achieve entry and exit animation
• [Solved] React Error: ReactDOM.render is no longer supported in React 18.
• [Solved] React Invariant Violation: Minified React error #130
• [Solved] react-router-dom Error: index.js:1 Warning: Functions are not valid as a React child.
• React native android: How to Upload Formdata
• [Solved] devTools failed to load sourcemap: Could not parse content for map
• [Solved] react-quill failed to install error: Could not resolve dependency
• [Solved] Failed to load config “react-app“ to extend from.
• [Solved] React Startup Error at the First time :SyntaxError: Unexpected token
• [Solved] React Click the Event to Modify the State Value Error
• How to Solve NPM installation -g @view/client Error
• How to Solve MAC electronic installation dependent startup error
• How to Solve VUE Error: Mixed spaces and tabs
• How to Solve npm-install Command -4048 Error
• React Error: history is undefined [How to Solve]
• How to Solve Webpack packag iconfont font error