Далее. js Предварительная выборка ссылок приводит к 404 в рабочей среде - PullRequest
Новая
       3

Далее. js Предварительная выборка ссылок приводит к 404 в рабочей среде

0 голосов
/ 14 июля 2020

Я тренируюсь дальше. js с этим проектом https://github.com/YuLogun/nextjs-app-coctails (онлайн - https://nextjs-app-coctails.vercel.app/) То, что я не могу решить сейчас, это следующее : когда я набираю в поле ввода любое название коктейля, маршрутизация и связывание работают, появляется новый контент, но я получаю эту ошибку в консоли 

GET https://nextjs-app-coctails-git-addssr.yulogun.vercel.app/_next/static/rRHX14sSLtcEaeP7a3OxS/pages/cocktails/lemonade.js net::ERR_ABORTED 404

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

GET https://nextjs-app-coctails.vercel.app/_next/static/AQ4yeVJG3tT4bLQUfG4RY/pages/cocktails.js net::ERR_ABORTED 404

Мне кажется, что эта ошибка возникает только в production , потому что он пытается получить [input_value]. js files .. Я не Я не понимаю, что вызывает это и как я должен это решить.

Код ссылки в индексе. js

      <Link
        href="/cocktails/[cocktailId]"
        as={`/cocktails/${inputValue.toLowerCase()}`}
        passHref
      >
        <Button
          className={classes.button}
          component={MyLink}
          variant="outlined"
          color="primary"
        >
          go cocktails
        </Button>
      </Link>

1 Ответ

0 голосов
/ 14 июля 2020

Думаю, я решил это сам ... Я также использовал Button из пользовательского интерфейса материала, и, как показано выше, я также передавал ему специально настроенный компонент Link. Если я изменю код на приведенный ниже, ошибка будет казаться go прочь 

      <Button
        className={classes.button}
        component={MyLink}
        naked
        href="/cocktails/[cocktailId]"
        as={`cocktails/${search.toLowerCase()}`}
        variant="outlined"
        color="primary"
      >
        go cocktails
      </Button>
...