Path undefined error when using multiple flat layouts

[seanmtaylor]

I'm trying to setup some flat layouts so that I can have layouts for the marketing section and app section of my site, just like the example in the docs - https://remix.run/docs/en/v1/api/conventions#flat-layout-routes

I can create a single flat layout file just fine.

But as soon as I create the second layout file, I get the following error:

Path undefined defined by route "routes/__app" conflicts with route "routes/__marketing"

I've created a fresh remix app to make sure it wasn't something funky I was doing, but the problem still persists.

My file structure is as follows (I've ommited the default remix files as I haven't touched them):

app/
├── routes/
│   ├── __app/
│   │   ├── dashboard.tsx
│   └── __marketing
│   │   ├── index.tsx
│   ├── __app.tsx
│   ├── __marketing.tsx

The contents of the files are:

// routes/__app/dashboard.tsx
export default function Dashboard() {
    return (<h1>Dashboard</h1>);
}

// routes/__app.tsx
import { Outlet } from "remix";

export default function AppLayout() {
    return (<Outlet />);
}

// routes/__marketing/index.tsx
export default function Index() {
  return (<h1>Index</h1>);
}

// routes/__marketing.tsx
import { Outlet } from "remix";

export default function MarketingLayout() {
    return (<><Outlet /></>);
}

I've kept them as basic as possible.

What am I doing wrong? Any help would be greatly appreciated.

[hollandThomas]

Can confirm the behavior with latest Node 14, 16 and 17

This seems to be a bug to me, probably somewhere in this file (maybe the comment is right and there should be some tests added^^)

remix/packages/remix-dev/config/routesConvention.ts

Line 115 in 1fd7096

// TODO: Cleanup and write some tests for this function

[seanmtaylor]

Thanks for confirming that it's an issue @hollandThomas

[seanmtaylor]

Looks like an issue and potential fix have been put in 🙏

[ryanflorence]

Yep, this is a bug