React - import a module in node_modules

Question

What's the correct way to import a module from node_modules into a react app?

When I do: import MyModule from '../node_modules/my_module'

I get: Module not found: You attempted to import ../node_modules/my_module which falls outside of the project src/ directory. Relative imports outside of src/ are not supported. You can either move it inside src/, or add a symlink to it from project's node_modules/

Don't tell me I'm supposed to copy node_modules into src/ everytime?

Note: I'm on windows which has no symlinks.

What's the problem with import MyModule from 'my_module' ? — Hemerson Carlin
– Hemerson Carlin, Commented Nov 23, 2017 at 6:53

Khiem Tran · Accepted Answer · 2017-11-23 07:10:01Z

8

If you want to import some modules from node_modules, you just need to say, for example, import the whole exported module:

import React from "react";

or import part of the exported module:

import { Router } from "react-router"

"react", and "react-router" are modules in your node_modules folder.

edited Nov 23, 2017 at 7:10

answered Nov 23, 2017 at 6:53

Khiem Tran

6,16916 silver badges25 bronze badges

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

1 Comment

pguardiario Over a year ago

I had tried that, apparently I needed to restart the dev server.

Songwon Park · Accepted Answer · 2017-11-23 06:55:45Z

0

import syntax should use {export name} from './';

but if you use export default, you are possible to just use export name.

and also, The module installed from npm doesn't need path. Just use module name

e.g) import {React, Component} from 'react';

answered Nov 23, 2017 at 6:55

Songwon Park

1351 silver badge13 bronze badges

Collectives™ on Stack Overflow

React - import a module in node_modules

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related