Skip to content

React 19 codeInfo is undefined, so the redirect doesn’t work. | codeInfoundefined,导致无法跳转 #182

@Fancyflame

Description

@Fancyflame

用的react v19和rsbuild,windows 11,vscode,点击元素跳转不了。Inpector的onClickElement返回的codeInfo是undefined。感觉应该没有遗漏什么。onClickElement传回下图这个object
Image

const root = createRoot(document.body);

root.render(
    <React.StrictMode>
        <Inspector
            onInspectElement={({ codeInfo }) => {
                console.log("inspect");
                gotoVSCode(codeInfo);
            }}
            onClickElement={(codeInfo) => {
                console.log("click", codeInfo);
            }}
        />
        {/* App */}
    </React.StrictMode>,
);

rsbuild.config.mjs:

import { defineConfig } from "@rsbuild/core";
import { pluginLess } from "@rsbuild/plugin-less";
import { pluginReact } from "@rsbuild/plugin-react";
import { launchEditorMiddleware } from "@react-dev-inspector/middleware";

export default defineConfig({
    plugins: [pluginReact(), pluginLess()],
    jsx: {
        jsxImportSource: "react",
    },
    tools: {
        webpack: (config) => {
            config.plugins.push(
                new webpack.DefinePlugin({
                    "require('fs')": "undefined",
                }),
            );
        },
    },
    dev: {
        setupMiddlewares: [
            (middlewares, _server) => {
                middlewares.unshift(launchEditorMiddleware);
            },
        ],
    },
});

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions