ну и withFonts подключен в конфиге

у меня без него, но  с next-images

У меня что то горит, почему такие сложности с обычном подключением стилей?
page:

import "../styles.css";

export default () => <div className="i" />

ругань:
`./pages/i.tsx
Module not found: Can't resolve '../style.css' `

конфиг:

module.exports = withPlugins([
  [
    withOptimizedImages,
    {
      /* config for next-optimized-images */
      handleImages: ["jpeg", "png", "svg", "webp", "gif"],
      optimizeImagesInDev: true
    }
  ],
  [
    withCSS,
    {
      postcssLoaderOptions: {
        plugins: [pobem],
        parser: true,
        config: {
          ctx: {
            theme: "zZ"
          }
        }
      }
    }
  ]
]);

какие-то лишние приколы делаете. Задаете путь до шрифтов в _document и кладете их и css в public

import "../styles.css";

export default () => <div className="i" />

module.exports = withPlugins([
  [
    withOptimizedImages,
    {
      /* config for next-optimized-images */
      handleImages: ["jpeg", "png", "svg", "webp", "gif"],
      optimizeImagesInDev: true
    }
  ],
  [
    withCSS,
    {
      postcssLoaderOptions: {
        plugins: [pobem],
        parser: true,
        config: {
          ctx: {
            theme: "zZ"
          }
        }
      }
    }
  ]
]);

в 9.2 стили без лоадеров работают

ммм, а плагины для postCSS всталвять через postcss.config.js, как понять какие лоудеры он использует для ксс?

в смысле какие лоадеры?

в вебпаке один лоадер для css

ппц у меня nextjs тормозит, долгие перебилды и загрузка... только сел за проект и заметно

какая ос?

mac, но у меня вкладок 200 хрома открыто, но другие приложения не так тупят

что за бред, помогите осознать.

"dependencies": {
    "@bem-react/classname": "^1.5.6",
    "@bem-react/core": "^2.0.6",
    "imagemin-mozjpeg": "^8.0.0",
    "imagemin-optipng": "^7.1.0",
    "imagemin-svgo": "^7.0.0",
    "isomorphic-unfetch": "3.0.0",
    "next": "latest",
    "next-compose-plugins": "^2.2.0",
    "next-optimized-images": "^2.5.4",
    "pobem": "^1.1.2",
    "postcss": "^7.0.26",
    "postcss-cli": "^7.1.0",
    "react": "^16.12.0",
    "react-dom": "^16.12.0",
    "svg-sprite-loader": "4.1.3"
  },
  "devDependencies": {
    "@storybook/react": "^5.3.12",
    "@types/node": "^13.7.0",
    "@types/react": "^16.9.16",
    "@types/react-dom": "^16.9.4",
    "@types/svg-sprite-loader": "^3.9.1",
    "typescript": "3.7.5"
  },

aap.tsx:
im

port "../styles.css";

import { AppProps } from "next/app";

export default function MyApp({ Component, pageProps }: AppProps) {
  <Component {...pageProps} />;
}
е

му просто пох

он просто тригерится сам на себя >.<

ну чему тут ломаться?!?!?

пзд пропустил слово >.<

поставь плагин The Great Suspender

для Chrome

Спасибо, попробую