在 npm 运行 dist 后找不到 ReactJS 图像文件

Question

我正在做一个项目，我们需要编译一个应用程序进行部署。当我在本地机器上的服务器中运行该应用程序时，它运行良好，但是在编译项目后，它找不到该文件，因为它的位置错误：/assets/12912bc94b5dcb7715a465d360537279.png何时应该assets/12912bc94b5dcb7715a465d360537279.png（没有前导斜杠）。

这是我的组件中的代码：

var logoPNG = require('../images/GS G favicon.png');

然后：

<img className="img-responsive" width="45" height="45" alt="Brand" src={logoPNG} />

我正在使用 https://github.com/newtriks/generator-react-webpack 的默认设置构建项目。我对 webpack 很陌生，所以我不确定我应该具体复制/粘贴这段代码的哪一部分，但只要让我知道，我会粘贴代码的适当部分。

Answer 1

我追踪了解决问题的方法，最终需要更改的是publicPath参数。

由此：

module.exports = {
  srcPath: srcPath,
  publicPath: '/assets/',
  port: dfltPort,
  getDefaultModules: getDefaultModules
};

对此：

module.exports = {
  srcPath: srcPath,
  publicPath: 'assets/',
  port: dfltPort,
  getDefaultModules: getDefaultModules
};

请注意publicPath工作示例中缺少开始斜杠。