• Почему при сборке проекта вебпаком не отображаются картинки?

    szQocks
    @szQocks
    D1ma5ta, я смотрел этот видос, в принципе он неплохой, есть что от туда подчерпнуть, на основе него можно сделать сборку совместно с документацией, желательно документацию хотя бы разок почитать всю, что бы понимать что там вообще есть и что можно добавить в свою сборку

    чисто от себя мог бы наверное пару рекомендаций дать, юзать какой-нибудь swc-loader, так же в режиме разработки заменять MiniCssExtractPlugin.loader каким-нибудь style-loader для ускорения, так же поработать чуть чуть с кэшом в кофиге, либо его отключать полностью, либо частично - эта инфа так же есть в документации, например параметр cache: false вообще отключает кэш в вебпаке, так же в параметр devServer добавить allowedHosts: 'all', и минимум сделать алиас для src папки

    пример настройки для swc-loader
    {
              test: /\.jsx?$/,
              exclude: /(node_modules|bower_components)/,
              use: {
                  loader: 'swc-loader',
                  options: {
                    jsc: {
                        parser: {
                            syntax: "ecmascript",
                            jsx: true,
                            decorators: false,
                            dynamicImport: true
                        },
                        "target": "es5"
                    }
                }
              }
            }
    Написано
  • Почему при сборке проекта вебпаком не отображаются картинки?

    szQocks
    @szQocks
    D1ma5ta,
    Я полагаю так быть не должно.
    да явно не должно быть, в папке dist минимум должен быть Html файл, если его там нет, то предположу что нарушен порядок выполнения плагинов, то есть самым первым должен идти CleanWebpackPlugin а потом уже все остальные, но с эти не стакливался так как просто пользуюсь параметром clean: true в Webpack 5 версии, хотя они там вроде должны справа на лево работать на сколько помню, но может и забыл всякое бывает, в общем этот нюанс проверить тож над

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

    так же static в дев сервере, должен быть для статики в дев режиме, этот дев сервер и нужен лишь для дев режима а не для работы твоей сборки или раздачи статики в твоей сборке, у тебя статика раздается для папки dist, и я думаю что ты картинки не видишь потому что они даже и не раздаются как статика, потому что лежат в главной директории, а за статику у тебя отвечает папка dist

    на самом деле тут много проблем, переписать это всё над хм
    Написано
  • Почему при сборке проекта вебпаком не отображаются картинки?

    szQocks
    @szQocks
    publicPath установи в "/" и добавь алиас для src папки хотя б

    и на выходе кажется что у тебя и остаётся такой путь "../images/games/left-4-dead-2.jpeg" - тут явно выходит из главной директории и ищет картинку где-то в жопе

    показывай как подключаешь картинки, больше конкретики, путь то видно а как подключаешь
    Написано
  • Почему getElementById null?

    szQocks
    @szQocks
    document.getElementById('User_email'.value);
    Написано
  • Как получить значение из стейта если он еще не обновился?

    szQocks
    @szQocks
    код добавь к вопросу, а так в целом когда ты вызываешь функцию для обновления стейта и прокидываешь в неё данные - эти данные и есть следующее значение стейта, и ты их можешь использовать где-то
    Написано
  • Пустая страница, ошибок нет. JS. В чем проблема?

    szQocks
    @szQocks
    seregadushka, чинить я твой скрипт явно не буду, мне это не интересно. Но всегда есть выход, обратиться туда с заказом своим, даже за 500 рублей, найдётся какой-нибудь абориген, который исправит тебе этот твой слайдер.
    Написано
  • Пустая страница, ошибок нет. JS. В чем проблема?

    szQocks
    @szQocks
    у тебя у li элементов, display: none стоит
    Написано
  • Как в NextJS можно работать со стейт менеджером для хранения токена авторизации?

    szQocks
    @szQocks
    MishaXXL, если стор без ssr, то что-то типа этого

    import { cookies } from 'next/headers'
    import { ClientUserProvider} from '...';
    
    const getUser = async () => {
      return fetch(`${process.env.NEXT_PUBLIC_API_URL}/api/refresh`, {
        next: { revalidate: 0 },
        method: "GET",
        headers: { Cookie: cookies().toString() },
      })
      .then(res => res.json())
      .catch(e => {
        console.log(e);
        return { user: null };
      })
    }
    
    export default async function RootLayout({ children }) {
      const user = await getUser();
    
      return (
        <html lang="en">
          <body>
            <ClientUserProvider INIT_STATE={ user }>
              {children}
            </ClientUserProvider>
          </body>
        </html>
      )
    }


    всё что попадает в children, там могут быть как серверные так и клиентские компоненты
    в примере подразумевается что сам ClientUserProvider - это клиентский компонент в котором в самом начале написано "use client"

    вообще до этого мог бы и сам додуматься, проштрудировав всю документацию как в реакте так и в нексте

    а этот RootLayout , должен находиться в папке app а сам файл с названием layout.js или ts если пишешь на ts

    так же в getUser можно проверять а есть ли кука, и нужно ли отправлять запрос или нет, в принципе если куки нет, то можно сразу возвращать { user: null }, в общем включай голову
    Написано
  • Как в NextJS можно работать со стейт менеджером для хранения токена авторизации?

    szQocks
    @szQocks
    не нужно хранить в сторе токен для авторизации, кто вам сказал что нужно это делать ? что за идиота на ютубе вы там смотрите, уже 5 человек задаёт этот вопрос с токеном в сторе, за последние пару мес
    Написано
  • Есть ли необходимость в битых файлах созданных при сборке Webpack?

    szQocks
    @szQocks
    файлов svg/png с подобным содержимым не должно быть, криво сборщик настроен
    Написано
  • Как сделать чтобы нельзя было переназначить socket.on в socketio?

    szQocks
    @szQocks
    Модератор по какой причине мой коммент тут удалили ? я ж не писал чушь

    и в этом вопросе мой коммент тоже удалили, я там ничё не спамил, написал по существу комментарий с вопросом ( а хотя там вопрос изменился, и мой комментарий стал не актуален типа, ну и прикол )
    Написано
  • Как правильно в api реализовать систему уведомлений на сайт и в тг бота?

    szQocks
    @szQocks
    отправлялось на сайт пользователю
    как вариант, с клиента через каждые N секунд отправлять запрос на получение уведомлений

    и в телеграм бота
    - как вариант можешь отправить запрос на сервер с ботом, а сам тг бот, уже юзера уведомит об этом

    Должно ли api заниматься отправкой уведомления в телеграм или оно не должно знать о существовании тг бота и сайта?
    у всех всё индивидуально, кто как делает, кто что придумает то и делает
    Написано
  • Почему 400 шрифт выглядит жирнее, чем должен быть?

    szQocks
    @szQocks
    Если шрифт используется в заголовке, то указывай там явно в стилях font-weight: 400; , что бы перебить
    Написано
  • Можно ли по этому примеру сказать что я понял event loop?

    szQocks
    @szQocks
    historydev хотя я тут ошибься на счёт Promise.resolve о том что синхронно возвращает промис, ну точнее не до конца верно написал, так как изначально когда мы объявляем промис он находиться в состоянии ожидания, а сам resolve делает его в статус разрешенный типа, и вот это время между объявлением промиса и между окончанием вызов resolve - имеет промежуток, пусть он там и мизерный, но всё же он есть, поэтому можно сказать что вызов resolve асинхронный, как-то так, кароч в целом resolve нужно дожидаться поэтому пусть это будет асинхронная операция нежели синхронная, хотя по факту она синхронная но из-за долбанного промежутка выходит такая шляпа, и с resolve в executor так же

    странно что из знатоков меня никто не поправил, вот же жмоты по знаниям) даже братишка WbICHA не подсказал)
    Написано
  • Какой актуальный стек верстки 2024?

    szQocks
    @szQocks
    VolgaVolga,
    css-modules + webpack + sass ( + sass компоненты ) + бэм , а для сеток сейчас те же гриды справляются на ура и шаблонизатор если нужно = топчик
    Написано
  • Какой актуальный стек верстки 2024?

    szQocks
    @szQocks
    Михаил Р.,
    На старте - быстро, а когда надо кастомизации добавить, особенно в js - выясняется, то руками с нуля написать быстрее.
    да может на старте и быстро или для мелких проектов, но когда дело доходит до переопределения стилей, там начинает дерьмо всплывать с этим приоритетами стилей, это дерьмо всплывает как с использование bootstrap/tilewind/css-in-js и подобных вещах

    css-modules + webpack + sass ( + sass компоненты ) + бэм , а для сеток сейчас те же гриды справляются на ура и шаблонизатор если нужно = топчик
    Написано
  • Какой актуальный стек верстки 2024?

    szQocks
    @szQocks
    я даже не понимаю нах юзают бутстрап в новых проектах, ладно сетка раньше была - хорошим решением, но щас то на кой фиг он сдался, понимаю если ток поддерживать старые проекты которые написаны на бутстрапе
    Написано
  • Какой актуальный стек верстки 2024?

    szQocks
    @szQocks
    VolgaVolga, зачем вообще какие-то tailwind классы и т.д, если можно просто юзать компоненты на sass ?
    с таким подходом как минимум даже лишнего класса не будет в html

    tailwind очередное пропиаринное говно как и vite
    Написано
  • Почему не пойманная в Promise.all ошибка не попадает в catch?

    szQocks
    @szQocks
    сделай функцию async в которой отрабатывает Promise.all, тогда catch поймать должен, либо делай так как написал Alexandroppolus
    Написано
  • Отслеживание таблицы в бд?

    szQocks
    @szQocks Автор вопроса
    Rsa97,
    Скорее, многие-ко-многим.
    - верно, исправил.

    да было бы неплохо всё это реализовать с кэшированием, ладно, буду думать
    Написано