@LinuxGod

Как подключить CSS к NEXT JS 12, который использует собственный сервер?

Я работаю с next js и использую собственный сервер в качестве роутера для next js, он написан на nest js и вроде бы всё работает более менее нормально: страницы показываются и основная логика next js сохранена, однако я не могу импортировать глобальный css модуль, так как у меня отсутствует _app.ts, а он по всем документациям указывается только там. Если я пытаюсь импортнуть модуль непосредственно к отдельным страницам то возникает ошибка:
is not pure (pure selectors must contain at least one local class or id) так как в css у меня явно заданы стили для body, p, h1 и т.д. и менять это никто не будет - потому что это очень долго.

Я на всякий случай прикреплю код модуля который отвечает за запуск приложения nextjs внутри модуля nestjs, вопрос в том, можно ли ещё как-то указать глобально стиле к body и другим элементам без классов и id, используя этот подход?

import { Injectable, OnModuleInit } from "@nestjs/common";
import { NextServer } from "next/dist/server/next";
import { Request, Response } from "express";

import createServer from "next";

@Injectable()
export class ViewService implements OnModuleInit {
  private server: NextServer;

  async onModuleInit(): Promise<void> {
    try {
      this.server = createServer({
        customServer: true,
        dev: true,
      });
      await this.server.prepare();
    } catch (error) {
      console.error(error);
    }
  }

  handler(req: Request, res: Response) {
    return this.server.getRequestHandler()(req, res);
  }
}
  • Вопрос задан
  • 177 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы