找不到模块：错误：无法解析文件路径＆＃39;，但文件肯定存在

Question

我有一个需要.svg文件的.js文件：

// ...

'.icon': {
   filter: `url(${require('./svg_filters/filters.svg')})`
},

// ...

我已经检查并仔细检查了文件＆＃39; svg_filters / filters.svg＆＃39;存在并且位于相对于我的.js文件的正确位置。

我还确保我的webpack.config.js配置为打包.svg文件：

// ...

module: {
  loaders: [
    // ...
    {
      test: /\.svg$/, loader: 'file'
    }
  ]
}

// ...

但是当我尝试运行webpack时，我收到此错误（编辑以清除我的实际项目的文件名）：

ERROR in ./my/script.js
Module not found: Error: Can't resolve './svg_filters/filters.svg' in '/home/kevin/Programming/project/src/my'
 @ ./src/my/script.js xx:27-63

为什么我收到此错误？在webpack捆绑我的.svg文件之前，我还需要设置其他东西吗？