Como dice el título, ¿por qué las operaciones Image.src() usan rutas relativas explícitas, por ejemplo:

 picture = new Image(); picture.onload = function() { console.log('Loaded'); } picture.src = './assets/picture.png'; // Assume directory is correct relative path

o:

 const picture = require('./assets/picture.png'); // Assume directory is correct relative path picture = new Image(); picture.onload = function() { console.log('Loaded'); } picture.src = picture;

No funciona en absoluto (picture.onload nunca se carga, aunque .src se asigna después (en ambos casos)). Pero entonces:

 import picture from './assets/picture.png'; picture = new Image(); picture.onload = function() { console.log('Loaded'); } picture.src = picture;

Funciona perfectamente bien y la carga es casi instantánea. Estoy buscando imágenes de importación masiva, por lo tanto, usaré:

 const pictures = importAll(require.context('./assets', false, /\.png/));

Sin embargo, dado que no funcionan los explícitos/requeridos, esto tampoco funciona. No estoy seguro de lo que estoy haciendo mal aquí.