AveWycc

Скорее всего у вас React подгружен на HTML странице (как на картинке ниже), в этом случае не нужно импортировать как модуль.

Другой способ подключения это установить библиотеку react через npm и импортировать его в коде.
import React from 'react';
Про это все написано в доках React, советую их смотреть, а не ролики, тем более там есть русский язык.

Не знаю, что имеется в виду под регулярным выражением, но вы можете получить содержимое первого параграфа при помощи следующего кода.
document.querySelectorAll('p')[0].innerHTML

https://ru.stackoverflow.com/questions/1025132/pyt...

VueJS и Django у вас два отдельных приложения. Запускаете их вместе и потом с VueJS делаете запросы (requests) по URLам Django, они могут отдавать (по методу GET, или что-то делать по другим методам) отрендеренные HTML страницы, JSON, XML и прочее, как вам удобнее, VueJS эти данные получает и обрабатывает нужным образом.
Самое простое это делать REST API с ответами в виде JSON.
(Не реклама) я как-то делал приложение для Faceit, можете зайти на их сайт, нажать на вкладку networks и посмотреть на обращения с подписью api, и что от туда приходит, увидите обычный JSON файл, который приходит с сервера и уже на вашей стороне обрабатывается.

У вас последняя кнопка все остальные перекрывает. Попробуйте display: none ставить после того как половина анимации пройдет, или через z-index. И еще у вас less компилит один и тот же код три раза.

Если так то QA

В os.environ нет ключа ['DISPLAY'], ищи ошибку в этом.
UPD : Попробуй в коде прописать os.environ['DISPLAY'] = ':0'

Попробуй:
json.dumps(request.POST, sort_keys=True, indent=4)

https://docs.python.org/3/library/json.html