如何避免找不到模块

Question

I have reactjs script which use .jpg

However jpg filename is dynamically changed.

const img_require = require(id + ".jpg");

it works well when file exists, but when there is not file,

throwing error like this below

Error: Cannot find module './12.jpg'

I want to avoid this error message and use dummy.jpg .

But this code doesn't work on browser side(of course)

fs = require('fs')

if (fs.exitsSync('./12.jpg')){
// ok
}else {
    const img_require = 'dummy.jpg';
}

Is there any idea??

Answer 1

You can use try-catch block for require file like this :
I am not expert in react but this might be basic hack 😅.

var fs;

try {
   fs =  require(id + ".jpg")
} catch (error) {
   fs =  require("dummy.jpg")
}

One more way to handle error that is provided by require.js using ErrorCallback

here is the fallback answer for module load.

Catching module loading errors and processing them

require([path], function(content){
//need to catch errors as this will not be called;
}, function (err) {
  //display error to user
});

Answer 2

const dynamicid = id || 'dummy' 

const img_require = require(`${dynamicid} + .jpg`);

Answer 3

var dynamicId = id ? id : 'dummy' 

var img = require(`${dynamicId} + .jpg`);