小编Gra*_*lho的帖子

I\xe2\x80\x99m 在我的 Headless 项目中实现 Next.js Image 组件。我\xe2\x80\x99m使用的CMS是WordPress。由于图像来自外部网站，我需要指定 上的域next.config.js，如文档指定：

https://nextjs.org/docs/basic-features/image-optimization

const nextConfig = {\n    image: {\n        domains: [\'https://example.com\'],\n    },\n}\n

但在我的next.config.js文件 I\xe2\x80\x99ve 已经有这个配置：

const withStyles = require(\'@webdeb/next-styles\');\n\nmodule.exports = withStyles({\n    sass: true,\n    modules: true,\n});\n

所以我的努力​​是将这两者结合在配置文件中。

仅对于某些上下文，没有图像配置，我遇到此错误：

\n

错误： src 属性无效next/image，您的图像下未配置主机名next.config.js

\n

我尝试使用以下代码将其组合在一起next-compose-plugins，但错误不断显示：

const withStyles = require(\'@webdeb/next-styles\');\nconst withPlugins = require(\'next-compose-plugins\');\n\nconst nextConfig = {\n    image: {\n        domains: [\'https://example.com\'],\n    },\n}\n\nmodule.exports = withPlugins([\n    [withStyles({\n        sass: true,\n        modules: true,\n …