小编Muh*_*aiz的帖子

我在 Next.js 应用程序中从本地目录加载图像时收到以下错误

编译失败\n./pages/components/image.png 1:0\n模块解析失败: 意外字符 \'\xef\xbf\xbd\' (1:0)\n您可能需要适当的加载程序来处理此文件类型，当前没有配置加载程序来处理此文件。请参阅https://webpack.js.org/concepts#loaders \n（此二进制文件省略源代码）

我安装了这个加载器

$ npm install file-loader --save-dev\n

我的 webpack.config.js

module.exports = {\nmodule: {\n  rules: [\n    {\n      test: /\\.(png|jpe?g|gif)$/i,\n      use: [\n        {\n          loader: \'file-loader\',\n        },\n      ],\n    },\n  ],\n},\n

};

我的 next.js 代码

import homeBG from \'./image.png\'\n<Image src={homeBG} alt="Picture of the author" />\n