Loading images(require) doesn't work using string variable

Question

Requiring image with string variable doesn't work:

// working
var texture = require('./images/imag_01.jpg');


// doesn't work
path = './images/imag_01.jpg';
var texture = require(path);

// Error: Cannot find module "."

dance2die · Accepted Answer · 2018-11-19 21:20:18Z

3

require doesn't accept a variable.

But you can do so with a dynamic import() statement should you need to import dynamically, if you are using ES6.

* Update: 2018.11.19 *

React v16.6 introduced React.lazy, which you can use to split code more easily.

edited Nov 19, 2018 at 21:20

answered Jul 24, 2018 at 19:51

dance2die

37.2k39 gold badges137 silver badges200 bronze badges

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

Comments

Yossi · Accepted Answer · 2018-07-24 19:36:51Z

3

It is not your fault, it is how it is, unfortunatetly, supposed to work. You must write require('image-path') and cannot have a variable inside the parenthesis.

See: https://facebook.github.io/react-native/docs/images.html

edited Jul 24, 2018 at 19:36

answered Jul 24, 2018 at 19:34

Yossi

6,0877 gold badges50 silver badges83 bronze badges

Comments

wyy · Accepted Answer · 2018-07-25 04:38:38Z

0

This worked for me:

var image_name = 'imag_01.jpg';
var texture = require('./images/'+image_name );

answered Jul 25, 2018 at 4:38

wyy

5452 gold badges4 silver badges19 bronze badges

1 Comment

user10997800 Over a year ago

it returns' Cannot find module './undefined''

Collectives™ on Stack Overflow

Loading images(require) doesn't work using string variable

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related