gts icon indicating copy to clipboard operation
gts copied to clipboard

NextJS Module not found: Can't resolve 'components/layout'

Open oskar-gmerek opened this issue 5 years ago • 0 comments

Hello. I was want to try gts in my project. After 'npx gts init' when I try to start my project I getting an error:

error - ./pages/_app.tsx:6:0
Module not found: Can't resolve 'components/layout'
import Layout from "components/layout";

Before gts everything was good. Anyone have any ideas?

Edit

App structure in my case:

App
- components
-- layout
--- container.tsx
--- index.tsx 
- lib
-- [...]
- node_modules
-- [...]
- pages
-- _app.tsx
-- error.tsx
-- index.tsx
- public
-- [...]

Error:

error - ./pages/_app.tsx:6:0
Module not found: Can't resolve 'components/layout'
import Layout from "components/layout";

Line 6 of _app.tsx:

import Layout from "components/layout";

File components/layout/index.tsx contains:

[...]
const Layout: FC = ({ children }) => {
  return (
    <ColorModeProvider>
      <LightMode>
        <Navbar />
        <Container>{children}</Container>
      </LightMode>
    </ColorModeProvider>
  );
};

export default Layout;
[...]

Adding baseUrl to tsconfig.json fix that problem:

"compilerOptions": {
    "baseUrl": ".",
}

oskar-gmerek avatar Sep 03 '20 20:09 oskar-gmerek