Почему не добавляются роуты?

Антон Спирин, убрал exact, который находится в AppComponent

Почему не добавляются роуты?

Антон Спирин, заработало! убрал в корневых рутах exact и все заработало) Спасибо большое за помощь

Почему не добавляются роуты?

Антон Спирин, пропадает. Вообще при переходе #root пустой

Почему не добавляются роуты?

Антон Спирин, в account/ да
в account/tickets без изменений

Почему не добавляются роуты?

Антон Спирин, если поменять на

return (console.log('route', route),
  <Route
    key={i} 
    path={'/account/tickets'}
    component={route.component}
  />
);

то ничего не изменится

Почему не добавляются роуты?

Антон Спирин,
IndexComponent

import Component from './components';
import connect from './containers/connect';
import lifecycle from './containers/lifecycle';
import withHandlers from './containers/withHandlers';

import { compose } from 'ramda';

export default compose(
  connect,
  withHandlers,
  lifecycle
)(Component);

component

import React from 'react';
import { Route, Switch } from 'react-router-dom';
import AccessRoute from '../../../../common/AccessRoute';
import NavBar from './NavBar';
import Header from './Header';
import { Col, Container, Row } from 'react-bootstrap';

export default props => {
  // debugger
  return (
    <div className="App main-content">
      <Header />
      <Container className="clearfix">
        <Col sm={3} md={3}>
          <NavBar list={props.data.menuList} />
        </Col>
        <Col sm={9} md={9} className="page-wrapper">
          <div className="page-content">
            <Switch>
              {props.admin.routes.length
                ? props.admin.routes.map((route, i) => {
                  if (route.protectedRoute) { //пока что всегда false
                    return (
                      <AccessRoute
                        key={i}
                        path={'/account/tickets'}
                        render={() => route.component}
                      />
                    );
                  }
                  return (
                    <Route
                      key={i}
                      path={'/account/tickets'}
                      render={() => route.component}
                    />
                  );
                })
                : null}
            </Switch>
          </div>
        </Col>
      </Container>
    </div>
  );
};

Почему не добавляются роуты?

Антон Спирин, AccountPanel?

Почему не добавляются роуты?

Антон Спирин, props.admin.routes - это ModuleAccount.routes

Почему не добавляются роуты?

Антон Спирин, передаю moduleAccount, потому что модуль билетов должен монтироваться внутрь аккаунта. А аккаунт монтируется в корень

app
└account
    └tickets

Почему не добавляются роуты?

Антон Спирин, роуты добавляются в конструкторе. Когда стартует app, у него уже есть все роуты модулей. К тому же роут билетов вставляется не в app, а в account

Почему не добавляются роуты?

Антон Спирин, кода очень много, давайте я попробую основные моменты показать в CodeSandbox
Если какой-то информации будет недостаточно, я добавлю. Все сразу выложить не могу

Почему не добавляются роуты?

Антон Спирин, Module - это просто интерфейс

export interface Module {
  start(): void;
}

точка входа

const AppComponent = () => (
      <Provider store={this.store}>
        <ApolloProvider client={client}>
          <Router>
            <Switch>
              {this.routes.map((route: any, i: number) => {
                if (route.protectedRoute) {
                  return (
                    <AccessRoute
                      exact
                      key={i}
                      path={route.path}
                      component={route.component}
                    />
                  );
                }
                return (
                  <Route
                    exact
                    key={i}
                    path={route.path}
                    component={route.component}
                  />
                );
              })}
            </Switch>
          </Router>
        </ApolloProvider>
      </Provider>
    );

    ReactDOM.render(<AppComponent />, document.getElementById('root'));

Почему не добавляются роуты?

Антон Спирин, насчет велосипеда - это долгая история)
Что имеется ввиду под точкой входа? ReactDOM.render()?

Почему не добавляются роуты?

Антон Спирин,
Как получаю данные:

/account

routes: ModuleRoute[] = [];
addRoute(route: ModuleRoute) {
    this.routes.push(route)
  }
constructor(app: IApp) {
    this.component = withProps({ admin: this })(AdminPanel);
    this.app = app;
    this.links = [];
    this.reducer = {
      name: 'accountPanel',
      reducer
    }
    this.app.addReducer(this.reducer)
    this.app.addRoute({path: '/', component: this.component, protectedRoute: false});
    this.app.addRoute({path: '/account', component: this.component, protectedRoute: false});
  }

/account/tickets

import TicketChoise from './Tickets';
export class ModuleTickets implements Module {
constructor(
    app: IApp,
    routeContainer: IRouteContainer,
    menuContainer: ISidebar
  ) {
    this.component = {
      choise: TicketChoise
    };
    this.reducer = {
      name: 'tickets',
      reducer
    };

    this.routeContainer = routeContainer;

     this.routeContainer.addRoute({
       path: '/account/tickets/choice',
       component: this.component.choise,
       protectedRoute: false
     });
    this.routeContainer.addRoute({
      path: '/account/tickets',
      component: this.component.choise,
      protectedRoute: false
    });
  }
}

index.ts - тут стартует весь проект

const moduleTickets = new ModuleTickets(app, moduleAccount);

Недостающая верстка - там нет логики, шапка и боковое меню

Почему не добавляются роуты?

Антон Спирин, тем не менее, белый экран в account/tickets )

Почему не добавляются роуты?

Антон Спирин,

Switch и не должен рендерить своих детей.

Почему не добавляются роуты?

Антон Спирин, при попытке перейти - белый экран

Почему не добавляются роуты?

Антон Спирин, автоимпорт работает, тернарка нужна, если по какой-то причине не пришел admin - тогда будет routes is undefined и все поломается. props.admin.routes выводится внутри компонента, т.е.

export default props => {
  debugger
  return (
    <div className="App main-content">
    //...

P.S.
Соврал, автоимпорт не работает) но проблема не в нем

Почему не добавляются роуты?

Роман Александрович, Boolean([].length) === false

Как следить за своим прогрессом разработчиика?

vanillathunder: ну т.е. не обязательно, чтобы копия была один-в-один как оригинал? Костыли ж допускаются?