Телеграмм чат группы nextjs

Size: a a a

Next.js — русскоговорящее сообщество

349 membersпожаловаться на группу

2020 February 16

Valentin in Next.js — русскоговорящее сообщество

ну как это возможно, брать пакет с офф доки и иметь не понятные ошибки на старте?

источник

12:54пожаловаться #1

▲R

▲ Max Rovensky in Next.js — русскоговорящее сообщество

Valentin

ошибка на всех стр. Единсвтенное что их объединяет _document.tsx:

import Document, {
  DocumentContext,
  Html,
  Head,
  Main,
  NextScript
} from "next/document";
import sprite from "svg-sprite-loader/runtime/sprite.build";

class PDocument extends Document<{ spriteContent: any }> {
  static async getInitialProps(ctx: DocumentContext) {
    const initialProps = await Document.getInitialProps(ctx);
    const spriteContent = sprite.stringify();

    return { spriteContent, ...initialProps };
  }

  render() {
    return (
      <Html>
        <Head />
        <body>
          <div dangerouslySetInnerHTML={{ __html: this.props.spriteContent }} />
          <Main />
          <NextScript />
        </body>
      </Html>
    );
  }
}

export default PDocument;

ну здесь нечему ломаться sprite.stringify - не влияет

svg-sprite-loader c выкинь

источник

12:55пожаловаться #2

▲R

▲ Max Rovensky in Next.js — русскоговорящее сообщество

И проверь ещё раз

источник

12:55пожаловаться #3

Valentin in Next.js — русскоговорящее сообщество

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

источник

12:55пожаловаться #4

▲R

▲ Max Rovensky in Next.js — русскоговорящее сообщество

Valentin

ну как это возможно, брать пакет с офф доки и иметь не понятные ошибки на старте?

Я более чем уверен, что мы в офф доке не рекомендуем svg-sprite-loader 😅

источник

12:55пожаловаться #5

Valentin in Next.js — русскоговорящее сообщество

▲ Max Rovensky

Я более чем уверен, что мы в офф доке не рекомендуем svg-sprite-loader 😅

ммм оки, а как мне собирать символьный svg и встраивать в html?

источник

12:56пожаловаться #6

▲R

▲ Max Rovensky in Next.js — русскоговорящее сообщество

В большинстве случаев лучше юзать свг через <img> для accessibility
Если очень хочется плодить 100500 нод в dom, то svg код в компонентах

источник

12:57пожаловаться #7

Valentin in Next.js — русскоговорящее сообщество

▲ Max Rovensky

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

источник

13:06пожаловаться #8

🦜

🦜 in Next.js — русскоговорящее сообщество

Valentin

Один раз пользователь запросит иконки

источник

13:13пожаловаться #9

🦜

🦜 in Next.js — русскоговорящее сообщество

И потом они будут в кеше

источник

13:13пожаловаться #10

Valentin in Next.js — русскоговорящее сообщество

окей, имеется page/empty.tsx:

const EmptyPage = () => 'EmptyPage';

export default EmptyPage;

и _app.tsx:
im

port "../styles/app.css";

import { AppProps } from "next/app";

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

export default MyApp;
б

ольше ничего нет. где искать e.createShadowRoot?

источник

13:21пожаловаться #11

Taras Grishchuk in Next.js — русскоговорящее сообщество

простите, это что канал введение в нодежс? 😅 ясно же что проблема не в нексте

источник

13:47пожаловаться #12

Taras Grishchuk in Next.js — русскоговорящее сообщество

без кода, без демо, это просто гадание на кофейной гуще

источник

13:48пожаловаться #13

Valentin in Next.js — русскоговорящее сообщество