TypeScript React error: "Module not found: Can't resolve 'styled-components'"

Question

After installing @types/styled-components package and compiling my Typescript React app I keep getting error:

Module not found: Can't resolve 'styled-components'

I have dependancy in both package.json and package-lock.json and my import looks like this:

import styled from 'styled-components';

I even have the auto-completion when importing and yet after compiling, aforementioned error keeps popping up. What may be causing the problem and how to fix it?

emeraldsanto · Accepted Answer · 2020-05-02 20:39:53Z

9

You just installed the types for the library, not the library itself. That explains the autocompletion as that comes from the type declaration files (.d.ts). You should run npm i styled-components as well.

answered May 2, 2020 at 20:39

emeraldsanto

4,7611 gold badge17 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

loki_balboa Over a year ago

Thanks, you’re right. I thought that @types contains whole library plus types.

Collectives™ on Stack Overflow

TypeScript React error: "Module not found: Can't resolve 'styled-components'"

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related