Описание тега nextjs-image
next/image — это встроенный компонент изображения в NextJS 10. Пожалуйста, не используйте этот тег для вопросов, связанных с пакетом next-images (вместо этого используйте [next-images]).
0
ответов
Изображение NextJS не работает с Tailwind
Я создаю проект электронной коммерции, используя NextJS и Tailwind. Я использую компонент Next Image для отображения изображений продуктов, но когда я пытаюсь использовать эффекты наведения Tailwind на Image, ничего не происходит. Ну, проблема есть …
23 фев '21 в 22:31
23
ответа
Как установить для следующего компонента / изображения высоту 100%
У меня есть приложение Next.js, и мне нужно изображение, которое заполняет всю высоту его контейнера и автоматически определяет его ширину в зависимости от соотношения сторон. Я пробовал следующее: <Image src="/deco.svg" alt="" layout="fill" />…
06 дек '20 в 17:56
1
ответ
Следующие изображения JS после следующей сборки дают 404 изображения
Структура URL по умолчанию: http: // localhost:5000 / _next / image? Url="someURL". Я хочу, чтобы URL-адрес был похож на http: // localhost:5000 / demo / _next / image? Url="someURL". что может быть достигнуто // next.config.js images: { domains: ['…
23 фев '21 в 09:21
0
ответов
NextJS: Параллакс в NextJS с использованием простого html, css
Я пытаюсь создать эффект параллакса без импорта React и ReactDom. Я использую базовый html и css для создания этого параллакса. У меня нет выбора, кроме как использовать: import Image from 'next/image' Как мне создать этот эффект параллакса? Вот мой…
26 фев '21 в 14:56
5
ответов
Получение изображения из хранилища Firebase с использованием next/image приводит к получению кода состояния 400
Я использую компонент NextJS Image следующим образом: <Image src="https://firebasestorage.googleapis.com/v0/b/africatech-7cf1b.appspot.com/o/images%2F1606851317444_impact-logo-sq-Owen-Hancock.png?alt=media&token=35afb1d8-4ab8-4f58-81b4-dd25e1…
06 янв '21 в 22:12
13
ответов
Как использовать компонент изображения в Next.js с неизвестной шириной и высотой
Начиная с версии 10, Next.js поставляется со встроенным компонентом, который обеспечивает функцию оптимизации изображения и адаптивного изменения размера изображения. Мне он очень нравится, и я использую его на своем веб-сайте для изображений фиксир…
24 фев '21 в 18:02
0
ответов
NextJs <Image../> не предоставляет правильный размер изображения
Я использую новый компонент NextJS Image, который должен оптимизировать изображения и предоставлять формат webp + правильный размер изображения. Это и пример того, как я его использую: import Image from 'next/image' ... <Image src={"/images/tools…
25 фев '21 в 01:45
1
ответ
Как абстрагироваться от next/image из next.js
Я использую только следующее / изображение из Next.js. Есть ли способ установить только модуль next / image, а не весь модуль Next.js. Я пробовал сделать следующее - "next/image": "^10.0.5", "next/link": "^10.0.5", Но после установки npm я получаю с…
17 фев '21 в 09:18
4
ответа
next/image не работает с props в качестве источника изображения
Мой Home страница отправляет данные из моего strapi cms на мой PostSlider компонент через props import React from "react"; import styles from './index.module.scss' import { AxiosService } from '../utils/axios-service' import PostSlider from '../comp…
10 фев '21 в 08:57
1
ответ
невозможно центрировать мои изображения при изменении размера окна с помощью next.js
Я использую Next.js и компонент. Моя проблема в том, что когда я изменяю размер окна, мое изображение не остается по центру. Я пробовал автоматическое поле, гибкость отображения с выравниванием содержимого и выравнивание содержимого по центру, соотв…
09 фев '21 в 15:31
4
ответа
Как я могу добавить плавную анимацию для Nextjs/Image при загрузке?
я использую next/image, который отлично работает, за исключением того, что фактическая загрузка изображения очень резкая, и нет никакой анимации или постепенного появления. Есть ли способ добиться этого? Я перепробовал кучу вещей, но ни один из них …
03 янв '21 в 06:07
1
ответ
Какой размер изображения следует использовать с Next.js?
Документы говорят: Ширина изображения в пикселях. Должно быть целым числом без единицы измерения. Высота изображения в пикселях. Должно быть целым числом без единицы измерения. https://nextjs.org/docs/api-reference/next/image Разные устройства могут…
24 фев '21 в 14:50
1
ответ
Как поместить компонент изображения из следующего / изображения в позицию: absolue
Могу ли я поместить элемент Изображение из следующего / изображения в { position: absolute; left: 50% }? Похоже, что это не повлияло. Пример: import React from 'react' import Image from 'next/image' import styled from 'styled-components' const Conta…
15 мар '21 в 21:48
3
ответа
Компоненты Next/Image слишком медленные, чтобы отображаться
Я использую Next.js 10.0.7 и next-images 1.7, и для появления больших изображений требуется несколько секунд. Я правильно использую компоненты, вы можете видеть ниже, но я думаю, что есть решение моей проблемы. <Image height="600" width="800" src…
15 мар '21 в 14:47
3
ответа
Установите Sharp без выборки GitHub для Nextjs: Ошибка: не удается найти модуль sharp
Я пытаюсь использовать Next.js в своей корпоративной системе, но всякий раз, когда я запускаю «npm run build», сборка завершается ошибкой с сообщением: Error: Cannot find module 'sharp' Я попытался установить Sharp, но получаю такую ошибку: info s…
26 янв '21 в 02:48
4
ответа
Получение компонента изображения NextJS и @ svgr / webpack для совместной работы
у меня есть next.jsсайт с установленной библиотекой. Я настроен на работу с @svgr/webpack и теперь вы хотите импортировать изображение svg и использовать его с новым next/image компонент. Вот как я настроил свой next.config.js файл: module.exports =…
23 мар '21 в 16:27
1
ответ
Как использовать динамическую ссылку в следующем js-изображении?
я хочу использовать динамическую ссылку в следующих js Image. Следующие Js предлагают <Image src="/me.png" alt="Picture of the author" width={500} height={500} /> Но я хочу использовать как const imageDynamic = [Image][1] <Image src="https:…
23 мар '21 в 04:38
2
ответа
Проблема с изображением NextjS с src и URL-адресом внешнего изображения по умолчанию
Я использую последнюю версию NextJS 10.0.9. У меня есть изображение, которое я пытаюсь отобразить, но получаю сообщение об ошибке: Error: Image with src "https://picsum.photos/480/270" must use "width" and "height" properties or "layout='fill'" prop…
24 мар '21 в 18:56
1
ответ
Как использовать i18n и next / image в next.config.js с TypeScript?
Я пытаюсь создать мини-приложение с использованием TypeScript в NextJS, так как теперь TypeScript поддерживается в Next.js из коробки. И я также хочу включить эти две недавно добавленные функции: Компонент изображения и оптимизация изображения (след…
06 янв '21 в 08:02
7
ответов
Как лучше всего иметь резервный образ в NextJS?
Недавно я работал над проектом в NextJS, который использует YoutubeAPI для получения информации о видео, включая URL-адреса миниатюр. URL-адрес миниатюры для изображения с полным разрешением выглядит следующим образом: Однако иногда YouTube не удает…
05 апр '21 в 10:28