如何将React组件添加到现有项目？

Question

我使用电子商务平台Saleor并自定义仪表板。

我将组件integration1c添加到dashboard\src，并且具有： index.tsx：

import React from "react";
import {useIntl} from "react-intl";


import {sectionNames} from "@saleor/intl";
import {WindowTitle} from "../components/WindowTitle";


const Component = () => {
    const intl = useIntl();

    return (
        <>
            <WindowTitle title={intl.formatMessage(sectionNames.importProductsFrom1C)}/>
            <h2>Hello World</h2>
        </>
    );
};

export default Component;

和urls.ts：

export const integration1cSection = "/integration1c/";

项目结构随附屏幕截图： structure

当我去http：// localhost：9000 / dashboard / integration1c /时，我遇到错误404，但希望看到“ Hello world”。 你能帮我吗？