Aetae

Один проход, но в каждом узле будет children даже если пустой:

function unFlatten(array) {
  const childrenMap = Object.create(null);
	for(const item of array) {
    if(item.parent in childrenMap) 
      childrenMap[item.parent].push(item);
    else
      childrenMap[item.parent] = [item];  
    
    if(!childrenMap[item.id]) childrenMap[item.id] = []; 
    
    item.children = childrenMap[item.id];
  };
  return childrenMap[null]
}

Один-два прохода, как повезёт, но children только там где нужны.

function unFlatten(array) {
  const childrenMap = Object.create(null);
  const secondPass = [];
	for(const item of array) {
    if(item.parent in childrenMap) 
      childrenMap[item.parent].push(item);
    else
      childrenMap[item.parent] = [item];  
    
    if(item.id in childrenMap) 
      item.children = childrenMap[item.id];
    else
      secondPass.push(item)
  };	
  for(const item of secondPass) {
    if(item.id in childrenMap) 
      item.children = childrenMap[item.id];
  };
  return childrenMap[null]
}

Или от обратного:

function unFlatten(array) {
  const map = Object.create(null);
  const secondPass = [];
  for(const item of array) {
    map[item.id] = item;
    if(item.parent in map) {
      if('children' in map[item.parent])
        map[item.parent].children.push(item)
      else
        map[item.parent].children = [item];
    } else {
      secondPass.push(item);
    }
  };
  for(const item of secondPass) {
    if(item.parent in map) {
      if('children' in map[item.parent])
        map[item.parent].children.push(item)
      else
        map[item.parent].children = [item];
    }
  };
  return secondPass
}

Любой вариант меняет исходные узлы(если надо - клонируйте), и не рассматривает случай когда цепочка родитель-потомок может быть сломана.

Схема конечно кривая, но как-то так:

function toObject(animals, titles, list) {
  animals = Object.fromEntries(animals);
  titles = Object.fromEntries(titles);
  return list.map(([animal, title, ...array], i) => ({
    id: i + 1, 
    title: titles[title], 
    animal: animals[animal], 
    array
  }));
}

toObject(arr1, arr2, arr3);

Возьми более базовые книги: по алгоритмам, паттернам, структурам, подходам итд. Не привязанные к конкретному языку. Это всегда будет полезно, и не потребует кодинга для практики.
Эффективное же изучение конкретного языка - это наоборот чистая практика, чтение там должно идти только параллельно по мере необходимости.

Ну поищите где у вас по коду юзается insertBefore.
Если не юзается, то теоретически это может быть из-за того, что как key в v-for попадаются дубликаты, но обычно это приводит к другим ошибкам.

Таже ошибку полностью пишите: там, блин, после двоеточия идёт конкретное описание, которые вы обрезали и на скрине и в тексте.

Babel по умолчанию просто преобразует новый код(es6) в старый код(es5). Как очевидно из названия, es6-модулей в es5 нет, потому импорты он тоже преобразует. Это собственно всё, что он должен делеть.
Сборка кода в единый бандл, минификация, оптимизация, treeshaking и прочее - не в его компетенции.
Для сборки в glup есть свои инструменты, также есть системы строящиеся изначально от идеи сборки: webpack, rollup и т.д.

В getter - никак. В action - просто запускать action модуля А и await его. Чтоб не запускать action модуля A несколько раз - можно сделать дополнительно - проксируеще-кеширущий action-прокладку, который будет запускать нужный action один раз и пока не будет ответа - на все следующие запросы отдавать Promise текущего.

В localStorage хранятся только строки. Если вы делаете так localStorage.setItem('token', false), то при localStorage.getItem('token') вы получаете не '', а результат приведения false к строке, т.е. 'false'.
Впрочем false !== '' - тоже истина, потому что !== сравнение без приведения типов.

5xx ошибки - ошибки сервера.
Конкретно 503 - Service Temporarily Unavailable - сервис временно недоступен.
Сервер шлёт тебя нахрен. Скорее всего там стоит защита от частых повторяющихся запросов. Либо сервер падает, но это маловероятно.
Можешь попробовать рандомизировать частоту запроса и менять заголовки и юзерагент. Но не фает что поможет.

Ну и если делать по старинке и использовать встроенную отправку формы, то для этого есть скрытые input type="hidden" в которые можно класть какие-то данные и они отправятся вместе с формой.)

Код страницы - это код станицы. Там есть только то, что там есть. Чтобы что-то было в коде - положите это туда.)
Все скрипты выполняются после загрузки на машине клиента. Если вы хотите парсить чужой сайт - либо разбирайте скрипты, либо используйте headless браузер для парсинга.

Только динамический import() поддерживает использование переменных, при этом в бандл попадают все файлы соответствующие паттерну.

Если же мы говорим именно о константах, то на этапе компиляции webpack всё равно не знает, что у вас там лежит в config. Он не запускает ваш код - он его собирает.
Если конфиг-файл у вас статический, то вы можете подключить его в сам конфиг вэбпака и сделать там, например, алиас вида:

`~static/i18n/CONFIG_LANG.json`:  path.resolve(`./static/i18n/${config.lang}.json`)

и в коде, соответственно, писать:

import default_locale from `~static/i18n/CONFIG_LANG.json`

Это самый простой способ, в целом же через вэбпак можно много чего ещё наворотить. (даже написать свой loader, который будет таки (пытаться) расшифровывать константы в импорте)

Можно, если сервер принимает в таком виде. Судя по тому, что не работает - не принимает. GET и POST - разные типы запросов и каждый должен быть настроен отдельно с обоих концов.

Учись читать ошибки. Тут написано что undefined тот объект, у которого ты пытаешься прочитать children, а не сами children. В твоих примерах(которые, естественно, работают без проблем) на его месте o.

Потому что Symbol(<имя>) - создание нового символа. Чтобы получить значение по сиволу, надо иметь на руках ссылку на этот сиvвол. Из документации:
Symbol("foo") === Symbol("foo"); // false

Мужик, у тебя логика есть? А если найду?
Тут не надо знать вообще никакого языка программирования, тут нужно просто быть способным вставить квадратный кубик в квадратное отверстие.

setTimeout(function() {
  partner_window.close();
  location.href = 'https://betta.com';
}, 2000);

->

setTimeout(function() {
  partner_window.close();
}, 500);
setTimeout(function() {
  location.href = 'https://betta.com';
}, 2000);

Открываешь страничку модуля и читаешь:
firebase:

This SDK is intended for end-user client access from environments such as the Web, mobile Web (e.g. React Native, Ionic), Node.js desktop (e.g. Electron), or IoT devices running Node.js. If you are instead interested in using a Node.js SDK which grants you admin access from a privileged environment (like a server), you should use the Firebase Admin Node.js SDK.

firebase-admin:

The Firebase Admin Node.js SDK enables access to Firebase services from privileged environments (such as servers or cloud) in Node.js.

Короче: первое для клиента, второе для сервера.

Учись сам искать инфу, ты не сможешь вечно на каждый чих спрашивать тут.
(Нет, не сможешь. Точно не сможешь. Инфа 100%)

Рекурсивно, вестимо.

Если ещё и нужно клонировать объект не изменяя исходный(сужу по коду), то можно совместить приятное с полезным:

const newData = JSON.parse(
  JSON.stringify(data), 
  (key, value) => key === 'value' ? 'new value' : value
);

P.S. Это сработает, только если объект - преобразуемый в json(не содержит истансов каких-либо классов, функций и т.п.).

Никак. Он не закодирован. Либо там какой-то юникод символ, который не поддерживается текущим шрифтом - тогда решение переключиться на шрифт с полноценной поддержкой юникода(хотяб arial), либо там на сервере какая-то лажа и в имена файлов сыплется мусор. Ну либо это какое-то ноу-хау инсты для каких-то гнусных целей.
В любом случае если ссылки работают - значит такими они и должны быть.

P.S. Еслиб ты тут не скрины, а текст дал - было бы яснее.