问题标签 [next-images]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 如何将 SVG 导入 Next.js 组件？
我正在尝试将 SVG 图像从文件导入 Next.js 组件。
在资产文件夹中，我有 google.svg（图标）：
我需要在 Next.js 组件的内部导入该 SVG：
我安装了这个包：https ://www.npmjs.com/package/next-images
并根据以下文档设置配置next.config.js：
为什么我的 SVG 导入不起作用？
javascript - 如何在 Next.js 组件中使用 SVG 图像？
在next.config.js- 我添加了使用 SVG 图像所需的配置。
这是我的 SVG 文件，在下一个文件夹下/client/assets/googleIcon.svg。
也许问题出在 SVG 文件中。我没有使用 SVG 的经验，这个 SVG 是否正确？
最后，我正在导入此文件并尝试以下列方式显示图像：
{googleIcon}<img src={googleIcon} />
当我运行应用程序时，我收到以下错误：
reactjs - nextjs 中使用 stylejsx 的背景图片
我对 NextJS 和背景属性感到很困惑。
在一个组件中，我想制作一个英雄部分，但我不知道如何在样式 jsx 中使用它。
我的组件：
我尝试安装和设置下一个图像，并在 next.config.js 中进行配置，如下所示：
我还尝试在图片网址中使用 require ......
我如何在下一个 js 中使用背景图像？
谢谢你的帮助
image - Next.js：将图像导入组件
我正在使用"next": "^9.4.4",
并且有： "next-images": "^1.4.0", "next-optimized-images": "^2.6.1",
这是我的next-config.js
但是在我的组件中，我得到了一个损坏的图像链接，这是我的组件：
我也很困惑，因为在文档中似乎表明静态文件/图像支持开箱即用......
静态文件服务 Next.js 可以在根目录中名为 public 的文件夹下提供静态文件，如图像。然后，您的代码可以从基本 URL (/) 开始引用公共内部的文件。
例如，如果您将图像添加到 public/my-image.png，以下代码将访问该图像：
我已经按照他们的建议进行了尝试：
<Image src="/uploads/profile-avatars/placeholder.jpg" alt="user-avatar" />
有趣的是我没有404在浏览器中得到一个！
任何帮助，将不胜感激！
reactjs - 如何在 nextjs/react 中动态渲染图像
我正在尝试映射一组图像并在 nextjs 应用程序中呈现。
我收到此错误消息：
next.config.js
我可以渲染图像但不能动态渲染，如下所示：
请问我该如何解决这个问题？
javascript - 为什么不能在 nextjs 中导入图像文件？
我有一个问题，无法在 nextjs 中导入图像文件
为什么不明白无法导入图像文件...
我在“image/images.jpg”中有一个图像文件
在chrome浏览器中，没有关于图像的错误消息，
并且，“元素”选项卡，图像大小“0 x 0”。
所以，我给了图像标签'style={{width:'100px', height:'100px'}}' 但是，我不能解决这个问题。
在代码下方。
javascript - 如何仅为 CDN 图像设置 Next-Images 插件？
我有以下 nex.config.js 配置
我正在尝试从我的 CDN 而不是本地提取我的图像。问题在于这个插件还试图从中提取 javascript 和 css_next/static/chunks
因此我的网站中断了，因为我的 CDN 上不存在像下面这样的文件
https://cdn.mydomain.co.za/_next/static/chunks/main.js?ts=1605264866650
有没有办法在配置中指定我只想从我的 CDN 中提取图像而不是所有资产？
json - next.js 文件加载器的问题，从 JSON 文件加载图像（netlify cms）
我有图像问题。我正在开发一个使用 Next.js 和 Netlify CMS 的项目，它允许您使用 CMS 上传内容和图像并生成一个 JSON 文件，我在我的组件上使用这个 JSON 文件。一切都很完美，除非图像，似乎图像没有通过文件加载器，我已经使用文件加载器直接从图像目录加载其他图像，我对此没有任何问题，加载正常的图像正在使用以下路径编译：“/_next/static/images/casas-083c89cdc2d9494c0b142690d978a8d4.png” 我认为来自 JSON 文件的图像没有通过文件加载器，它们正在“编译”就像“/images/uploads/comercial.jpg”一样。
有谁知道如何帮助我？
next.config.js
JSON
反应组件
reactjs - Next.js 和 next.config.js 中的多个 module.exports 选项
我无法获得正确组合的语法：
和
内next.config.js。
我当前的文件有效：
...但是当我尝试添加trailingSlash键/值时，它会在构建时引发错误，因为显然我的语法不正确。
javascript - next-images 错误：模块解析失败：意外字符“�”
我正在尝试使用下一个图像加载图像：当我输入图像名称时，它工作正常：
但我不希望我想要这样的动态网址：
我收到此错误：
错误：模块解析失败：意外字符 '�' (1:0) 您可能需要适当的加载程序来处理此文件类型，目前没有配置加载程序来处理此文件。请参阅https://webpack.js.org/concepts#loaders （此二进制文件省略了源代码）
我的 next.config.js 文件：
我也试过这个配置：
尝试了很多方法，但似乎都不起作用，请帮忙，谢谢