Can't import from linked npm library

Question

I have an NPM library called 'example-lib' (built with Rollup) and a Vite React-TS project. I want to test 'example-lib' in my Vite project using npm link.

in library:

npm link

in project:

npm link @mjana/example-lib

However, I'm encountering an error stating 'Cannot find module' when importing components.

import { ComponentA } from "@mjana/example-lib"

I also tried using 'npm pack', which created a .tgz file. I then copied the file into my project directory and installed it using npm install. Surprisingly, this method works without any issues. Can you help me understand why 'npm link' isn't working for me?

Can you provide the line of code how you require or import example-lib? — tom, Jun 22 '23 at 14:06

score 0 · Answer 1 · answered Jun 22 '23 at 14:19

0

From the npm docs

If your linked package is scoped (see scope) your link command must include that scope, e.g.

npm link @myorg/privatepackage

In your case (in project):

npm link @mjana/example-lib

answered Jun 22 '23 at 14:19

tom

9,550
6
30
49

Sorry, my bad. I did use scoped name. – Michal Jun 22 '23 at 14:45
Is it working now? – tom Jun 22 '23 at 14:47
No, I used a scoped name, I just wrote it incorrectly in the first post. – Michal Jun 22 '23 at 14:51

Can't import from linked npm library

1 Answers1