black1277

Во-первых, убедитесь, что пресеты установлены тоже:
npm i -D @babel/preset-env
Во-вторых, вы пару квадратных скобок забыли. Должно быть вот так:

{
        test: /\.js$/,
        exclude: /node_modules/,
        use: {
                loader: 'babel-loader',
                options: {
                  presets: [
                    ['@babel/preset-env', { targets: "defaults" }]
                  ]
                }
              }
      },

Есть простые и сложные запросы CORS. Когда запрос сложный - браузер отправляет 2 запроса сначала OPTIONS затем основной. GET - простой запрос - поэтому у вас всё работает правильно. POST - тоже простой запрос, но если изменить ему Content-Type на 'application/json' он становится сложным. Ваш сервер не отвечает на предварительный запрос OPTIONS, поэтому браузер блокирует ответ. Читайте подробнее, например здесь

Так $& - Вставляет сопоставившуюся подстроку - вот документация
Заэкранируй символ $ вот так

const content = `&1===e.nodeType)if(r="data-"+t.replace(K,"-$$&").toLow`;

Вы немного запутались. Начиная с 11-й версии Node.js, разница в поведении приведенного вами кода в браузере и ноде - была устранена. Касаемо 6 этапов или фаз, они происходят внутри движка libuv(libuv - это многоплатформенная библиотека C, которая обеспечивает поддержку асинхронного ввода-вывода на основе циклов событий).
Разница в том, что в Node.js мы можем не дожидаться окончания всех этих фаз, а вклиниться на определенных этапах для исполнения микрозадач (при помощи setImmediate и process.nextTick), а в браузере идет взаимодействие с Web API’s (браузерные или веб API), из которого могут поступать новые события (клики, движения мыши и др.), добавляющие в очередь новые макрозадачи(если установлены обработчики этих событий). Кроме того, в браузере есть рендеринг, который не может быть выполнен пока идет выполнение задачи движком(из этого следует, что необходимо разбивать тяжелые и длительные задачи на части).
Как я не пытался изложить точнее и короче, к моим словам можно придраться буквально к каждой фразе. Поэтому, лучше самому изучить первоисточник и пару статей на русском:
What is the Event Loop?
Объяснение работы EventLoop в JavaScript
Игра по правилам: Event loop Node.js
Как устроены цикл событий и стек вызовов в JavaScript

Можно считать весь файл и разбить его на массив строк, разбив по символам окончания строки. Только нужно учесть в какой операционной системе был создан текстовый файл, потому что в windows это два символа - \r\n, в Unix - \n, а в Mac - \r

const endLine = '\r\n'; // если Windows
let lineArray = String( fs.readFileSync( 'price.txt' ) ).split( endLine );
// что-то делаем с полученными строками
// ...
let file = lineArray.join( endLine ) // соединяем обратно в целый файл

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

Сейчас вы шлете ответ response.end еще не обработав события 'data' и 'end', поэтому получаете 3,1,2. Перенесите строку

response.end(JSON.stringify(users[0]), console.log('3'));

сразу под console.log('2'); и получите желаемый результат.

По вопросам:
1 Особой разницы нет, только для вашей IDE - она правильнее подсказки будет делать в файле jsx
2 Первое предупреждение о том, что используете key={todo.id} немного не там - нужно в родительский div это переместить

<div className="todos" вот сюда>
       <div key={todo.id} className="item-todo" >

второе предупреждение связано с тем, что хук в своем массиве зависимостей не видит вызываемую в нем функцию

useEffect(() => {
        getTodos()
    }, [вот тут])

пока можете поставить такую строку, чтобы не видеть ошибку

useEffect(() => {
        getTodos()
// eslint-disable-next-line
    }, [])

Если хотите разобраться с правильным использованием useEffect