This tag should be used for any questions regarding the next-images npm package. Please, do not use this tag for next/image related questions (use [nextjs-image] instead).
Questions tagged [next-images]
89 questions
0
votes
2 answers
Next/image doesn't load my src image when I use a map
I use next/image to load my images in my app. It works fine except for a carousel with multiple images.
When I do like this I have that error :
Error: Image is missing required "src" property. Make sure you pass "src" in props to the next/image…
Rom-888
- 681
- 2
- 9
- 30
0
votes
1 answer
I want to use next/image to fill half width in div container
i'm learning nextjs and tailwind css.
I want to fill half width using next/image.
but, it's using full width
function Slider() {
return (
…
user15927449
0
votes
0 answers
How to convert our local images to Base64 in Next js using Plaiceholder
I have been using plaiceholder for getting base64 converted image to pass in blurDataUrl in next/Image component.
export const getStaticProps = async () => {
const { base64, img } = await getPlaiceholder(
"imagePath",
{ size: 10…
Muskan Rawal
- 58
- 1
- 9
0
votes
0 answers
how to configure image domain in next.config.js file to accept blob images?
I'm facing 'Error: Invalid src prop (blob:http://localhost:3000/76946c41-4864-4fe7-9b95-030d4a9b8dd5) on next/image, hostname "" is not configured under images in your next. config.js'. In the documentation of the NextJS informs the way to add the…
Emersson Cardim Mota
- 555
- 4
- 5
0
votes
1 answer
Next.js and multiple module.exports options in next.config.js
I'm having trouble getting the syntax right for combining:
module.exports = withImages()
and
trailingSlash: true
within next.config.js.
My current file works:
const withImages = require('next-images')
module.exports = withImages()
... but when I…
Chris
- 27
- 1
- 8
0
votes
1 answer
issue with next.js file-loader, load image from JSON file (netlify cms)
I'm having an issue with images.
I'm working on a project that uses Next.js, and Netlify CMS, which allows you use a CMS to upload content and images and it generates a JSON file, and I'm consuming this JSON file on my component.
Everything is…
Natacha Romano
- 21
- 3
0
votes
1 answer
Why cannot import image file in nextjs?
i have a problem that cannot import image file in nextjs
Why don understand cannot import image file...
i have a image file in 'image/images.jpg'
In chrome browser, there are no error message about image,
and, 'Elements' tab, image size '0 x 0'.
so,…
devsner
- 379
- 3
- 4
- 11
0
votes
1 answer
Next.js: Importing images into a component
I am using "next": "^9.4.4",
And have : "next-images": "^1.4.0", "next-optimized-images": "^2.6.1",
And this is my next-config.js
const withCSS = require('@zeit/next-css');
const withSass = require('@zeit/next-sass');
const withImages =…
Antonio Pavicevac-Ortiz
- 7,239
- 17
- 68
- 141
-1
votes
0 answers
Issues with Next.js and CloudFlare images service "ImageDelivery.net"
I getting the following error message> [enter image description here]Unhandled Runtime Error
Error: Invalid src prop (https://imagedelivery.net/5xdX-UtI47WdgmQl87mZJg/a8f31bb8-df8b-4449-90c8-679bafb3bc00/public) on next/image, hostname…
-1
votes
1 answer
How to resolve this Common problem with Nextjs 13
I want to resolve this error in console.
I use Tailwind and I don´t want to desactivate the Tailwind Preflight .
The code It´s this:
GabVlado
- 75
- 1
- 6
-1
votes
1 answer
Unable to view Image in browser from public/assets folder in Next.js
My Code is as follows:
import Image from "next/image";
import React from "react";
import { ProcessImg } from "../public/assets/process_img.png";
-1
votes
1 answer
Next/image blocking for navbar
I'm using next/image as a header image, but when i use my navbars dropdown menu, the image is in front of the dropdown. How do i fix this, while still using next/image? :-)
Github: https://github.com/Lucashunt/jameshunt
website:…
-1
votes
4 answers
How to remove white space in mobile view in Next.js while using
I am creating a website in Next.js. I used
jahnavi
- 11
- 1
- 4