我有一个简单的 NextJs 应用程序。
\n当我在本地主机上运行应用程序时,一切似乎都工作正常 - 所有图像均按预期显示
\n当我使用此脚本时:下一个构建 && 下一个导出\n并浏览到我的本地构建时,我看不到图像,而是\xc2\xa0its\xc2\xa0"alt"\xc2\xa0text
\n我导入图像的方式:
\nimport React from \'react\';\nimport Image from \'next/image\';\n\nimport someImage from \'../../../public/images/some-image.png\';\n\n\nconst Main = () => {\n return (\n <div>\n <Image\n src={someImage}\n alt="Some Image"\n placeholder="blur"\n />\n </div>\n}\n\n
Run Code Online (Sandbox Code Playgroud)\nnext.config.js
\n/** @type {import(\'next\').NextConfig} */\nconst configuration = {\n reactStrictMode: true,\n eslint: {\n dirs: [\'./src\'],\n ignoreDuringBuilds: true,\n },\n images: {\n loader: \'akamai\',\n path: \'\',\n },\n};\n\nmodule.exports = configuration;\n
Run Code Online (Sandbox Code Playgroud)\n\n环境: \n"next": "13.1.6",\n"react": "18.2.0",
\n此外,我尝试使用普通的 img 标签,但它导致了同样的问题。
\n如果这里有人遇到同样的问题,我将不胜感激任何帮助! …