Почему не работает динамически добавленные js и css

массив с скриптами и стилями загружается, js и css добавляются в head но не работают. Скрин: https://ibb.co/vzqh4RV Вот код с которым проблема:

 $.ajax({
      url:'https://exemple.com',
      type:'get',
      dataType: 'json',
      success: function(data){
      data.forEach(function(src) {
      var  unknown;
      if (src.includes('.js')) {
         unknown = document.createElement('script');
         unknown.src = src;
         unknown.async = false;
         unknown.type = 'text/javascript';
       } else if (src.includes('.css')) {
        unknown = document.createElement('link');
        unknown.href = src;  
        unknown.async = false;
        unknown.type = 'text/css';
        unknown.rel = 'stylesheet';
      }
      document.head.appendChild(unknown);
    });}
    }); 

Но если добавить эти же скрипты и стили через "явный" массив все ок Рабочий код:

['1.js', '2.css'].forEach(function(src) {
  var  unknown;
  if (src.includes('.js')) {
     unknown = document.createElement('script');
     unknown.src = src;
     unknown.async = false;
     unknown.type = 'text/javascript';
   } else if (src.includes('.css')) {
    unknown = document.createElement('link');
    unknown.href = src;  
    unknown.async = false;
    unknown.type = 'text/css';
    unknown.rel = 'stylesheet';
  }
  document.head.appendChild(unknown);
});