Importing CSS from node_modules into a Create React App

Question

I've found loads of questions on this, but none of the answers are working..

I'm trying to import a font from node modules from this package into a Create React app

I've managed to get it compile with

@import './../node_modules/roboto-fontface/css/roboto/sass/roboto-fontface.scss';

however as soon as I run it I get

Module not found: You attempted to import ../../../fonts/roboto/Roboto-Black.eot
 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/.

I've tried with ~, node_modules and various other ways of getting it into the project. Any clues?

were you able to resolve this issue?

dysfunc
– dysfunc

2018-07-25 16:53:26 +00:00
Commented Jul 25, 2018 at 16:53 — dysfunc
– dysfunc, Commented Jul 25, 2018 at 16:53

Luis Gurmendez · Accepted Answer · 2018-07-11 03:43:19Z

2

I would create a assets/fonts/ directory inside src/ and put the fonts there :). Give it a try!

answered Jul 11, 2018 at 3:43

Luis Gurmendez

6644 silver badges11 bronze badges

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

Collectives™ on Stack Overflow

Importing CSS from node_modules into a Create React App

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related