Описание тега next-images

Вопросы с тегом
0 ответов

как динамически отображать изображения в nextjs/react

Я пытаюсь отобразить массив изображений и отобразить в приложении nextjs. const style = { backgroundImage: `url("${require(`/${post.images}`)}")`, }; Я получаю это сообщение об ошибке: ./public/tech1.jpg 1:0 Module parse failed: Unexpected character…
13 июн '20 в 21:47
1 ответ

Next.js: импорт изображений в компонент

Я использую "next": "^9.4.4",И имеют: "next-images": "^1.4.0", "next-optimized-images": "^2.6.1", А это мой next-config.js const withCSS = require('@zeit/next-css'); const withSass = require('@zeit/next-sass'); const withImages = require('next-image…
07 июн '20 в 20:25
0 ответов

Как настроить плагин Next-Images только для образов CDN?

У меня следующая конфигурация nex.config.js const withImages = require("next-images"); module.exports = withImages({ fileExtensions: ["jpg", "jpeg", "png", "gif"], assetPrefix: "https://cdn.mydo…
13 ноя '20 в 14:31
1 ответ

проблема с загрузчиком файла next.js, загрузить изображение из файла JSON (netlify cms)

У меня проблема с изображениями. Я работаю над проектом, который использует Next.js и Netlify CMS, который позволяет использовать CMS для загрузки контента и изображений и генерирует файл JSON, и я использую этот файл JSON в своем компоненте. Все ра…
21 ноя '20 в 01:22
2 ответа

Использование компонента Nextjs Image с разными размерами изображений

Я пытаюсь использовать компонент Next.js Image с изображениями уникального размера. В их примере говорится, что изображение будет растягиваться до ширины и высоты родительского div. Я пробовал их обернуть, но не знаю, как учесть динамические размеры…
30 апр '21 в 04:56
3 ответа

next-images Ошибка: сбой синтаксического анализа модуля: неожиданный символ ''

Я пытаюсь загрузить изображение с помощью следующих изображений: когда я ввожу имя изображения, оно работает нормально: //Working <Image src={require(`../../images/exampleImage.jpg` )}/> но я не хочу, чтобы мне нужен такой динамический URL: //…
23 май '21 в 01:08
2 ответа

Как дать контейнеру динамическую ширину с помощью компонента Next JS Image?

Итак, у меня есть контейнер divи компонент в нем. Я хочу, чтобы высота изображения была равна 100% высоты контейнера, а ширина контейнера автоматически определялась на основе ширины изображения в соответствии с его соотношением сторон. Когда я испол…
03 июл '21 в 11:29
0 ответов

next-images нарушают все абсолютные пути в моем проекте next.js

Я хочу, чтобы в моем проекте next.js были встроенные изображения PNG. Поскольку это не поддерживаемая функция, я использую next-images библиотека для этого. Это мое next.config.js const withImages = require('next-images') module.exports = withImages…
04 июл '21 в 00:25
0 ответов

Next.config.js Конфигурация со следующими изображениями

Я хотел бы спросить, как я могу использовать этот фрагмент кода. module.exports = {reactStrictMode: true,} внутри этого блока кода: // next.config.js const withImages = require('next-images') module.exports = withImages({ assetPrefix: 'https://examp…
06 июл '21 в 04:51
2 ответа

next-images нарушают все абсолютные пути в моем проекте next.js

Я хочу, чтобы в моем проекте next.js были встроенные изображения PNG. Поскольку это не поддерживаемая функция, я использую next-images библиотека для этого. Это мое next.config.js const withImages = require('next-images') module.exports = withImages…
06 июл '21 в 20:33
1 ответ

NEXTJS - публичные изображения не отображаются на динамических маршрутах

У меня проблема с обслуживанием статического изображения из моей папки public / images. Он правильно отображается в файлах, над которыми я работал до сих пор, ЗА ИСКЛЮЧЕНИЕМ динамического файла [itemId].js (показанного на рисунке ниже) Самая интерес…
10 июл '21 в 15:58
1 ответ

Как использовать изображения PNG в Next.js вне каталога PUBLIC по умолчанию?

Я видел, что альтернативой возможности использовать изображения в другом каталоге, отличном от папки Public, является использование библиотеки Next-Images, но я выполняю всю настройку правильно, как описано в документации, я видел несколько видеорол…
26 июл '21 в 19:12
0 ответов

как настроить домен изображения в файле next.config.js для приема изображений blob?

Я столкнулся с ошибкой: недопустимый атрибут src (blob:http: // localhost:3000 / 76946c41-4864-4fe7-9b95-030d4a9b8dd5) на next/image, имя хоста "" не настроено под изображениями в вашем next. config.js'. В документации NextJS указано, как добавить д…
30 июл '21 в 15:05
1 ответ

Можно ли сделать заполнитель изображения Next.js без размытия?

Я использую Next.js в своих проектах. Компонент Next.js Image имеет заполнитель и атрибуты blurDataURL, и эта комбинация работает очень хорошо, но если я хочу добавить свой собственный заполнитель из SVG (SVG->base64), я получил размытый результа…
09 авг '21 в 12:56
0 ответов

Next.js Изображение не отменяет загрузку изображения удалено

Я создаю клиентский поиск статей в блогах и показываю результаты в карточке с изображением. Я думаю, что это довольно простой вариант использования. Я использую Next.js и их компонент изображения для загрузки изображений. Я делаю фильтры ввода в реж…
10 авг '21 в 16:50
1 ответ

Далее / Изображение + Firebase Storage 403 Ошибка при чтении

Я пытаюсь использовать изображение из следующего / изображения и использую хранилище firebase для хранения файлов изображений. Однако я получаю ошибку 403 (запрещено) при следующих действиях: <Image src={profilePicURL} ...otherProps/> Я пробов…
14 авг '21 в 03:56
0 ответов

как настроить next.config.js со следующим изображением

const withImages = require("next-images"); module.exports = { reactStrictMode: true, pageExtensions: ["page.js"], }; как реализовать with-images с моей конфигурацией отдыха?
19 авг '21 в 10:57
3 ответа

Ошибка компонента 502 изображения Nextjs на сервере

next / image вызывает сбой сервера из-за ошибки 502 ошибка шлюза. Я проверяю из сети devtool, он получает сторонний (themoviedb) api. Эти изображения не могут быть загружены правильно, но они отлично работают на моем локальном компьютере в компонент…
22 авг '21 в 09:27
1 ответ

динамический возврат маршрута 404 в продукте next.js

import React from "react"; import { useRouter } from "next/router"; import Image from "next/image"; import { BASE_URL } from "routes"; import { customFetch } from "utils"; const imageLink="https://opengraph.githubassets.com/6ace94bf340bd4ab4899ace7…
23 авг '21 в 12:03
1 ответ

Приложение NextJs не загружает изображение в общедоступную папку nextjs при развертывании в веб-приложении Azure

Изображения, такие как png, успешно отображаются в приложении при локальном запуске next build + next start но после его развертывания в веб-приложении Azure через server.js и web.config изображения больше не загружаются. У меня есть мое изображение…
31 авг '21 в 07:20