Reactjs web包文件加载程序的输出路径

我在React with NextJS中有一个项目，我正在尝试创建它，以便在整个项目中导入图像文件。我的问题是，我不知道为什么当我将名称（文件输出路径）指定为与原始名称完全相同时，我会遇到问题。如果我硬编码输出，它会工作，但无论出于什么原因，当我使用下面的

config.module.rules.push({
        test: /\.(jpe?g|png|gif)$/i,
        loader: 'file-loader',
        options: {
          name: '[path][name].[ext]',
        },
      });

例如，如果我有一个路径为

src/images/cool PNG.PNG

的PNG，并且am在文件

src/tsfile.ts

中，那么下面的方法就不起作用了

import coolImage from './images/cool-png.png'

---

我应该换什么？谢谢。

我注意到web pack似乎在主机名之后的文件路径中添加了前缀

\u next/

。我不知道该怎么理解。