Open Stack

Hello guys.

I am working on Skyline and I followed

https://github.com/openstack/skyline-console/blob/master/docs/en/develop/3-12-Menu-introduction.md

https://github.com/openstack/skyline-console/blob/master/docs/en/develop/3-13-Route-introduction.md

I add layouts/menu.jsx
#####
   {
      path: '/konitor',
      name: t('Konitor'),
      key: /konitor',
      icon: <DatabaseOutlined />,
      children: [
        {
          path: '/konitor/konitork',
          name: t('Konitork'),
          key: 'konitork',
          level: 1,
        }
      ],
    }

I put my component in

pages/konitor/containers/Konitork/index.jsx

#######
import React, { Component } from 'react';
import { inject, observer } from 'mobx-react';


export class Konitork extends Component {
   render() {
    return (
      <div>nhk oi</div>
    );
  }
}
export default observer(Konitork);

Here is my routes/index.js

#####

import BaseLayout from '../../../layouts/Basic';
import Konitork from '../containers/Konitork';
import Instance from  '../containers/Instance';
const PATH = '/konitor';
export default [
  {
    path: PATH,
    component: BaseLayout,
    routes: [
      { path: `${PATH}/konitork`, component: Konitork, exact: true },
    ],
  },
];

When click on Menu. Konitor>>Konitork. It return 404. although I have
x.x.x.x:9999/konitor/konitork.

Pls correct me. Thank you much.

Nguyen Huu Khoi
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <https://lists.openstack.org/pipermail/openstack-discuss/attachments/20230917/01340160/attachment.htm>